【问题标题】:highCharts flags - drop line from flag on serieshighCharts 标志 - 从系列上的标志中删除线
【发布时间】:2015-09-23 18:21:40
【问题描述】:

我需要从 highStock 图上的标志中删除线到系列,但我不知道该怎么做。

我检查了highCharts flags,我知道它具有数据的 Y 属性,但这不是我需要的,首先因为 Y 只是标志数量的一个,并且因为 Y 值本身与 Y 轴刻度无关。

我还检查了xAxis.plotLines,但是那些到 xAxis 或 yAxis 的线,我需要这些线像屏幕截图一样停在系列上。

这是系列和标志的代码:

series: [{
type: 'area',
name: seriesName,
data: seriesData,
id: 'dataseries'
},
{
    type: 'flags',
    data: chartFlags,
    stackDistance: 20,
    width: 16,
    "shape": "url(http://www.highcharts.com/demo/gfx/sun.png)"
}]

有什么建议吗?

【问题讨论】:

    标签: javascript highcharts highstock


    【解决方案1】:

    你看过plotOptions.flags.onSeries吗?这似乎可以解决问题。

    onSeries: String 应该绘制标志的系列的id 上。如果没有给出 id,则在 x 轴上绘制标志。默认为 不明确的。默认为未定义。

    示例用法:

    series: [{
    type: 'area',
    name: seriesName,
    data: seriesData,
    id: 'dataseries'
    },
    {
        type: 'flags',
        data: chartFlags,
        onSeries: seriesName,
        stackDistance: 20,
        width: 16,
        "shape": "url(http://www.highcharts.com/demo/gfx/sun.png)"
    }]
    

    【讨论】:

      【解决方案2】:

      您也可以使用renderer 添加自定义形状。

      【讨论】:

        【解决方案3】:

        HighCharts 标志不支持这一点,因为 highCharts 标志中的 Y 不代表 y 轴值,它的默认值为 -30。为了解决这个问题,我从标志值创建了不可见的系列,并将这些标志放在这个系列上。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2022-12-11
          • 1970-01-01
          • 2013-06-02
          • 1970-01-01
          • 2021-07-20
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多