这个股票图表可以使用 Highstock 制作吗？

Question

这张图可以用 Highstock 制作吗？我目前正在使用 Highstock，但从未见过这种。在我浪费数周时间尝试之前，需要问这个问题...... 如果是，这是怎么做到的？通过移动股票图表，并在右侧创建另一个 X 轴？

Stock projection

Answer 1

根据评论 - 可以通过添加具有适当数据的附加系列来实现类似的结果。

演示：https://jsfiddle.net/BlackLabel/mkpj71n4/

chart: {
  events: {
    load() {
      let chart = this;

      function addNewSeries(y, color) {
        let data = [],
          xValue = startDay,
          yData = 420; // last candle

        for (let i = 0; i < 20; i++) {
          xValue = xValue + 30 * 60 * 1000;
          yData = yData + i * y
          data.push([xValue, yData])
        }
        chart.addSeries({
          data: data,
                        color: color
        })
      }

      for (let i = 0; i < 4; i++) {

        if (i === 0) {
          addNewSeries(0.1, 'orange')
        } else if (i === 2) {
          addNewSeries(-0.1, 'orange')

        } else if (i === 3) {
          addNewSeries(0.2, 'red')

        } else {
          addNewSeries(-0.2, 'red')
        }
      }
    }
  }
},

API: https://api.highcharts.com/highcharts/chart.events.load

API: https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries

这个股票图表可以使用 Highstock 制作吗？

Can this stock graph be made using Highstock?

charts

highcharts

projection