Highcharts 饼图数据是0的时候不显示

褐岛

已于 2022-11-25 17:00:54 修改

阅读量1.2k

点赞数 1

文章标签： echarts 前端 javascript

于 2022-11-25 15:20:09 首次发布

原文链接：https://stackoverflow.com/questions/48995295/highcharts-make-pie-chart-show-0-data

版权

Highcharts 数据为0 时饼图的扇形不显示。

echarts 数据为0时会平分各项

Highcharts 平分的方法是当所有项的数据都为0时，把各项的值改为1这样就能平分，但是选中显示的数据还是0，解决的方法是加一个标志然后配置tooltip

参考Highcharts make pie chart show 0 data - Stack Overflow这个回答

var chart = Highcharts.chart('container', {

  chart: {
    type: 'pie'
  },

  series: [{
    data: [{
    	y: 1,
      isZero: true
    }, {
    	y: 1,
      isZero: true
    }, {
    	y: 1,
      isZero: true
    }],
    tooltip: {
    	pointFormatter: function() {
      	return "<span style='color:" + this.color + "'>\u25CF</span>" + this.series.name + ": <b>" + (this.options.isZero ? 0 : this.y) + "</b><br/>";
      } 
    }
  }]
});