根据您提供的代码,使用 Echarts 绘制满意度的饼图,并显示比例的代码如下:

this.define("load4", function () {
  o2.load(echartUrl, function () {
    // 基于准备好的dom,初始化echarts实例
    var mySatisfaction = echarts.init(document.getElementById('satisfaction'));

    // 指定图表的配置项和数据
    option = {
      title: {
        text: '满意度'
      },
      tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)' // 显示比例
      },
      legend: {
        top: '5%',
        left: 'center'
      },
      series: [
        {
          name: '满意度',
          type: 'pie',
          radius: ['90%', '10%'],
          avoidLabelOverlap: false,
          itemStyle: {
            borderRadius: 10,
            borderColor: '#fff',
            borderWidth: 2
          },
          label: {
            show: false,
            position: 'center'
          },
          emphasis: {
            label: {
              show: true,
              fontSize: 40,
              fontWeight: 'bold'
            }
          },
          labelLine: {
            show: false
          },
          data: [
            { value: 1900, name: '满意' }, // 修改满意数量为1900
            { value: 100, name: '不满意' } // 修改不满意数量为100
          ]
        }
      ]
    };
    // 使用刚指定的配置项和数据显示图表。
    mySatisfaction.setOption(option);
  }.bind(this));
});

在上述代码中,我修改了满意数量为1900,不满意数量为100,并在 tooltip 中添加了 formatter 属性,用于显示比例

根据这个代码用echarts帮我写成满意1900不满意100并显示比例的饼图代码thisdefineload4 function o2loadechartUrl function 基于准备好的dom初始化echarts实例 var mySatisfaction = echartsinitdocumentgetElementByIdsatisfaction; 指定图表

原文地址: http://www.cveoy.top/t/topic/ieN6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录