Question

任何人都可以告诉我如何在高图气泡图中更改气泡的外线颜色。应根据控制器的值更改外线颜色。我的sode低于

       series: [{
            name: 'Decision>24',
            color: '#6A5ACD',
            marker: {
            lineColor : ('{point.priority}' == 'Prime Prospect' ? '#ADD8E6' : ('{point.priority}' == 'Defensive Play' ? '#590000' : ('{point.priority}' == 'Future Play' ? '#FFA500' : ''))),
                   lineWidth:2
                },
            tooltip: {
                headerFormat: '',
                pointFormat: '<b>{point.name}</b><br>{series.name}<br>Annual Value: {point.z:,.0f} <br> [{point.x:.1f}, {point.y:.1f}]<br/>{point.priority}'
            },
            data: [{!seriesDataSet1}]
        },{
            name: 'Decision12-24',
            color: '#6994c7',
            marker: {
                    lineColor : ('{point.priority}' == 'Prime Prospect' ? '#ADD8E6' : ('{point.priority}' == 'Defensive Play' ? '#590000' : ('{point.priority}' == 'Future Play' ? '#FFA500' : ''))),
                   lineWidth:2
                },
            tooltip: {
                headerFormat: '',
                pointFormat: '<b>{point.name}</b><br>{series.name}<br>Annual Value: {point.z:,.0f} <br> [{point.x:.1f}, {point.y:.1f}]<br/>{point.priority}'
            },
            data: [{!seriesDataSet2}]}

应根据优先级更改linecolore。

Answer 1

您可以使用callback并对每个点进行迭代，为标记和悬停状态设置正确的lineColor。

示例：http://jsfiddle.net/7efs6vLm/

如何动态更改highcharts中气泡的线条颜色

1 个答案: