【问题标题】:Highstock/Highchart cannot set Individual Point colorHighstock/Highchart 无法设置个别点颜色
【发布时间】:2017-09-28 17:06:25
【问题描述】:

我正在研究 Highstock,我正在尝试将颜色设置为 Highstock 中“数据”中的特定点,例如在 example 中,但无论我如何设置,我都无法让它工作颜色,它不会显示在图表上。

我已尝试使用 Highchart API 的选项,它可以工作,但它不适用于 Highstock。

jsfiddle link(what I have tried)

是不是因为我用x,y来指定点?请帮忙。

【问题讨论】:

标签: javascript highcharts highstock


【解决方案1】:

如果您查看演示,您会发现使用 color 会设置工具提示颜色,而不是 marker

要修复它,请改用标记 fillColor,如下所示。

data: [
    {x: 1343862840000, y: 4, marker:{ fillColor: 'red'} },
    {x:1343863200000, y:5, marker:{ fillColor: 'green'}}
]

demo

更新
它适用于highstock,请参阅this 演示。
您必须使用正确的对象来初始化它。
使用Chart 而不是StockChart

参考

【讨论】:

  • 感谢您的回复。我只是注意到它只适用于 Highchart API,它不适用于 Highstock,你能帮我处理 Highstock 吗?谢谢
  • @RicardoLohmann,很好的收获,不敢相信我错过了。我什至尝试过marker:{color...,但错过了api的fillcolor
  • 请注意,对于 Highcharts,color 选项确实设置了点的颜色 - example
  • 该演示实际上并未使用 HighStock。您能否分享一个使用实际 HighStock 图表的演示,例如带有彩色标记的烛台图?如果是这样,请发布问题的答案,而不是编辑问题。谢谢!
【解决方案2】:

Highstock 默认禁用点标记。您需要按如下方式显式启用它们:

plotOptions: {
    series: {
        marker: {
            enabled: true    
        }
    }
},

http://api.highcharts.com/highstock/plotOptions.series.marker查看更多信息

【讨论】:

  • 你能分享一个使用Highcharts.stockChart的工作示例吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-03-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-01
相关资源
最近更新 更多