Question

在使用HighCharts姊妹插件HighChartTables选择highcharts饼图onLoad时，我需要帮助。

不使用<td class="data" data-graph-name="name" data-graph-item-highlight="1">XYZ</td>

因为这只会拉出切片，而不是它背后的选定数据......

非常感谢任何帮助。

Answer 1

如果你想要的是在初始加载时选择一个饼图，你可以使用sliced属性。请参阅此演示here。要执行此操作，请将属性添加到要选择的点：

series: [{
    type: 'pie',
    name: 'Browser share',
    data: [
        ['Firefox',   45.0],
        ['IE',       26.8],
        {
            name: 'Chrome',
            y: 12.8,
            sliced: true,
            selected: true
        },
        ['Safari',    8.5],
        ['Opera',     6.2],
        ['Others',   0.7]
    ]
}]

Answer 2

我不知道如何在HighchartTable中实现这一点，但你可以使用chart.events.load回调来查找切片点并只显示报告，请参阅：http://jsfiddle.net/6mk3S/36/

代码：

    highChartConfig.chart.events = {
        load: function () {
            var data = this.series[0].data,
                dLen = data.length,
                i = 0;

            while (dLen > i) {
                var point = data[i];
                if (point.sliced) {
                    $report.html('<h2>' + point.name + '</h2><p>' + point.percentage.toFixed(1) + '%</p>');
                    i = dLen;
                }
                i++;
            }

        }
    }

HighCharts，HighChartTable - 饼图默认切片

2 个答案: