Highcharts事件

最新推荐文章于 2022-10-11 11:14:35 发布

开心就是最好

最新推荐文章于 2022-10-11 11:14:35 发布

阅读量1.2k

点赞数

分类专栏： Highcharts 文章标签： highcharts plotOption

本文链接：https://blog.csdn.net/u010678947/article/details/39225129

版权

Highcharts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.pie图plotOption数据点选项显示事件：

        plotOptions: {
            pie: {
                dataLabels: {
                    enabled: true,
                    distance: intDistance,
                    style: {
                        fontWeight: 'bold',
                        fontSize: '14px',
                        color: 'white',
                        textShadow: '0px 1px 2px black'
                    },
                    formatter: function () {
                        var pointNameTemp = this.point.name; 
                        if (pointNameTemp.length >= 12) {
                            pointNameTemp = pointNameTemp.substr(0, 6) + "<br/>" + pointNameTemp.substr(6, 6) + "<br/>" + pointNameTemp.substr(12, pointNameTemp.length - 12);
                        }
                        else {
                            if (pointNameTemp.length >= 6) {
                                pointNameTemp = pointNameTemp.substr(0, 6) + "<br/>" + pointNameTemp.substr(6, pointNameTemp.length - 6);
                            }
                        } 
                        return pointNameTemp;
                    }
                },
                startAngle: -90,
                endAngle: 90,
                center: ['50%', '75%']
            }
        },

2.点击图例事件：

plotOptions: {
            series: {
                events: {
                    legendItemClick: function (event) { 
			alert("点击了：" + this.name)
                        for (var i = 0; i < chart.series.length; i++) {
                            chart.series[i].visible = false;
//                            if (this.name != chart.series[i].name) {
//                                chart.series[i].visible = false;
//                                 
//                            }
                        } 
                    }
                }
            }
        },