Как установить график конкретной позиции на сайте? - PullRequest
Новая
       26

Как установить график конкретной позиции на сайте?

0 голосов
/ 26 февраля 2019

Я использую библиотеку плотно, чтобы показать графики на веб-сайте.В моем случае я ставлю четыре пирога рядом, и все позиции не верны.

Мне нужно поместить текст и число в круг, как показано на рисунке выше:

enter image description here

Понятно, что текст внутри графиков в середине страницы находится в идеальном положении, но текст и количество графиков в боковой части страницы находятся в неправильном положении.Когда я кодирую его, я использую структуру кода, подобную приведенной ниже: 

var number = {
  font: {
    size: 32,
    color: '#ddd',
    family: 'verdana'
  },
  showarrow: false,
  text: 'string',
  x: 0.375,
  y: 0.50
};
var text = {
  font: {
    size: 11,
    color: '#ddd',
    family: 'verdana'
  },
  showarrow: false,
  text: 'string',
  x: 0.375,
  y: 0.35
};

Как и в Plotly, мне нужно просто использовать положение страницы в масштабе [0,1], я разделил страницу на восемь частей и поместил тексти номер второго графика в 0,375.Это идеально!Ничего плохого, если я изменю разрешение страницы.

Но, когда я устанавливаю положение первого и последнего графиков (сторона страницы: 0,125 и 0,875), не работает.Я пытаюсь сделать некоторые вычисления в зависимости от размера страницы или длины текста, но не работает должным образом, и когда я меняю разрешение страницы (расширенный веб-сайт), эта ошибка увеличивается.При том, что это ожидалось, нет необходимости делать это.

Как я могу решить это?

...