在vue中apexcharts怎么设置圆的大小,让圆的大小保持一致

helloworld
  • 9

vue

            <VueApexCharts
              :type="chartOptions.type"
              :width="chartOptions.width"
              :options="chartOptions"
              :series="chartOptions.series"
            ></VueApexCharts>

js:


  chartOptions = {
    title: {
      text: '',
      left: 'center',
    },
    width: 600,
    type: 'pie',
    dataLabels: {
      enabled: true,
      formatter: function(val: any, opts: any) {
        const name = opts.w.globals.labels[opts.seriesIndex];
        return [name, val.toFixed(1) + '%'];
      },
    },
    series: [] as number[],
    labels: [] as string[],
    responsive: [
      {
        options: {
          chart: {
            width: 200,
          },
          legend: {
            position: 'bottom',
          },
        },
      },
    ],
  };

设置的width都一样。
可是如果存储的数据越多的话,圆就会越来愈小。
image.png

回复
阅读 166
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏