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”，而不是（或同样）“color”：

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

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

Answer 2

您不需要设置fillColor。如果您将系列类型设置为color（而不是图表类型），scatter就可以了，就像在您的示例中一样：

＆＃13;

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

＆＃13;

此处the fiddle。

highcharts散点图中的单个点颜色

2 个答案: