Смещение Apexchart перемещается вверх и обрезается при увеличении и уменьшении масштаба браузера - PullRequest
Новая
       143

Смещение Apexchart перемещается вверх и обрезается при увеличении и уменьшении масштаба браузера

0 голосов
/ 07 мая 2020

У меня проблема, когда диаграмма двигалась и обрывалась, когда пользователь увеличивал или уменьшал масштаб браузера. Я попытался изменить смещение и размер, но он все тот же

это шаблон: 

<apexchart type="donut" width="330" :options="chartOptions" :series="userSeries" />

Это сценарий: 

chartOptions: {
    labels: ['Manager', 'Supervisor', 'Staff'],
    colors: ['#f1637b', '#35a1ff', '#2ecbcb'],
    dataLabels: {
      enabled: false,
    },
    legend: {
      show: true,
      position: 'right',
      offsetX: -30,
      offsetY: 20,
      formatter(seriesName, opts) {
        const value = opts.w.globals.series[opts.seriesIndex];
        const name = seriesName;
        return [`${name} - ${value}`];
      },
    },
    plotOptions: {
      pie: {
        offsetX: 0,
        offsetY: 20,
        size: 70,
        donut: {
          labels: {
            show: true,
            total: {
              show: true,
              label: 'Total',
              color: '#858785',
              formatter(w) {
                return w.globals.seriesTotals.reduce((a, b) => a + b);
              },
            },
            value: {
              fontSize: '20',
              offsetX: 0,
              offsetY: 0,
            },
          },
        },
      },
    },
  },

есть любой способ преодолеть эту проблему? график перемещается самостоятельно

...