【问题标题】:Adding flags to highcharts (not highstock) dynamically动态添加标志到 highcharts(不是 highstock)
【发布时间】:2013-01-31 00:11:43
【问题描述】:

我找到了这个jsfiddle,我想在创建系列之后实现它。我经常让用户更新图表,我通过将浮点数组发送到系列的 setData 函数来做到这一点。

例如:

//Build the area values
for (var i = 0; i < area.length; i++)
{
    areaValues.push(parseFloat(area[i]));
}

chart.series[2].setData(areaValues,false);
chart.redraw();

有什么方法可以在重绘之前添加标志而不重新创建图表?

【问题讨论】:

  • 您是否在问是否可以使用 Highcharts 而不是 Highstock 进行标志?它似乎不是 highcharts api 的一部分。
  • 是的,显然这是可能的,但前提是您从 highstock 中“复制粘贴”某些部分。我从 Highcharts 团队收到的建议是改用散点图。这非常有效。

标签: javascript highcharts


【解决方案1】:

问题在于您的数据格式 - 标志应该是这个:

{
    x: 9,
    title: 'I',
    text: 'Information'
}

不仅仅是一个数字。您可以通过两种方式实现您的需求,或者通过设置新数据或添加新系列,请参阅两者的示例:http://jsfiddle.net/sH777/180/

【讨论】:

  • 感谢您的输入,不幸的是我想用 Highcharts 而不是 Highstock 来做这个(我只有 Highcharts 的许可证)。我最终使用了开发人员的建议,将 scatter 系列用作“标志”,并且效果很好。希望它可以在将来对任何人有所帮助。
  • 是的,确实,您可以使用 scatter 系列来实现这一点。但是,标志不是 Highcharts 的一部分。要使用 Flags,您需要 Highstock 许可证,请查看FAQ
  • @PawełFus 我的场景与您的 jsfiddle 中显示的场景相同。但是您会看到,当您通过单击图例隐藏系列时,标志会下降到 xaxis,我试图弄清楚如何在隐藏系列时隐藏标志。有什么想法吗?
  • 您可以使用series.linkedTo 将系列连接到一个图例项,请参见示例:jsfiddle.net/sH777/340
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多