收藏
回答

echarts 饼图不显示?

echarts 饼图不显示,柱形图可以正常显示。

const app = getApp();
import * as echarts from '../../components/ec-canvas/echarts';
var pieChart;


Page({
  data: {
    ecPie: {
      disableTouch: true,
      lazyLoad: true
    },
  },
  onLoad() {
    this._initPieChart();
  },


  _initPieChart: function () {
    this.chart2Componnet = this.selectComponent('#pie-chart');
    this.chart2Componnet.init((canvas, width, height, dpr) => {
      pieChart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr
      });
      canvas.setChart(pieChart);
      pieChart.setOption(this._getPieOption());
      console.log("pieChart(23) => ", pieChart);
      return pieChart;
    });
  },


  _getPieOption: function () {
    let option = option = {
      tooltip: {
        trigger: 'item'
      },
      legend: {
        top: '5%',
        left: 'center'
      },
      series: [
        {
          name: 'Access From',
          type: 'pie',
          radius: ['40%', '70%'],
          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: 1048, name: 'Search Engine' },
            { value: 735, name: 'Direct' },
            { value: 580, name: 'Email' },
            { value: 484, name: 'Union Ads' }
          ]
        }
      ]
    };
    return option
  },
})


<view class="pie_chart">
  <ec-canvas id="pie-chart" canvas-id="pie-chart" ec="{{ ecPie }}"></ec-canvas>
</view>
回答关注问题邀请回答
收藏

1 个回答

  • 繁缕
    繁缕
    2022-11-09

    解决了吗哥

    2022-11-09
    有用
    回复
登录 后发表内容