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

标签 javascript charts highcharts

请尝试以下代码:

<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 为散点图中的特定点着色?

最佳答案

设置“fillColor”,而不是(或同时)“color”:

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

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

关于javascript - highcharts 散点图中的单个点颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14248661/

相关文章:

javascript - cometd 背景架构

Javascript 过滤列表并从中返回匹配的项目

javascript - 如何对D3饼图实现点击功能

python - 如何创建阿拉伯图表? (x 轴从右到左)与 Plotly

c# - 图表绑定(bind)到非原始类型

javascript - Highcharts 热图中每个单元格的边框颜色

javascript - 如何找到最大: value of colorAxis for highMaps drilldown maps

javascript - Ext JS数据转换

javascript - 仅在单击后初始化 mousemove 事件

javascript - 处理条形图中的点击事件