javascript - highcharts散点图中的单个点颜色

Question

请尝试以下代码：

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

和

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        series: [{
          data: [194.1, 95.6, {y:54.4,color:'#FF0000'}]
        }]
    });
});

或在jfiddle中运行它。

HighCharts 将最后一根柱线涂成红色。现在，如果您将图表类型从“列”更改为“散点”，您将看到 HighCharts 不会为最后一个标记着色，而是为其工具提示着色。

如何使 HighCharts 为散点图中的特定点着色？

Answer 1

设置“fillColor”，而不是（或以及）“颜色”：

series: [{
  data: [194.1, 95.6, {y:54.4, fillColor:'#FF0000'}]
}]

http://jsfiddle.net/Uu9ck/1/

Answer 2

你不需要设置fillColor. color就像在你的例子中一样，如果你将系列类型设置为scatter（而不是图表类型）：

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
        },
        series: [{
          type: 'scatter',  // <- this
          data: [194.1, 95.6, { y:54.4, color:'#FF0000' }]
        }]
    });
});

这是小提琴。