Highcharts显示饼图和线状图时，出现不同提示

阅读更多

 

最近在使用Highcharts，使用了显示两种以上的图形展示，要求实现按照不同的图像显示不同提示。

通过tooltip实现：

tooltip: {
            formatter: function() { //格式化鼠标滑向图表数据点时显示的提示框
                var s;
                if (this.point.name) { // 饼状图
                s = '' + this.point.name + ':
' + this.y+ '万吨(' +Highcharts.numberFormat(this.percentage, 1) + '%)'; //百分比需要格式化成两位' 
                } else {
                    s = '' + this.x + ': ' + this.y + '万吨';
                }
                return s;
            }
        },

总结下供大家参考。

 

完整代码如下：

 

 

实现如下图：

 

 

• 
• 大小: 24.3 KB

• 查看图片附件