Charts 这个库存图可以用Highstock制作吗？

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

---

根据评论-通过添加具有适当数据的附加系列，可以获得类似的结果

演示：

图表：{
活动：{
加载（）{
让图表=这个；
函数addNewSeries（y，颜色）{
让数据=[]，
xValue=开始日期，
yData=420；//最后一支蜡烛
for（设i=0；i<20；i++）{
xValue=xValue+30*60*1000；
yData=yData+i*y
数据推送（[xValue，yData]）
}
chart.addSeries({
数据：数据，
颜色：颜色
})
}
for（设i=0；i<4；i++）{
如果（i==0）{
addNewSeries（0.1，“橙色”）
}else如果（i==2）{
addNewSeries（-0.1，“橙色”）
}否则如果（i==3）{
addNewSeries（0.2，“红色”）
}否则{
addNewSeries（-0.2，“红色”）
}
}
}
}
},

API:

---

API:

我不确定您的特殊要求是什么，但我认为可以通过使用

烛台

系列并添加一些空点来获得额外的空间并保持日期格式来实现共享图像中的类似操作。在额外的空间中，可以使用Svgrender工具渲染这个寓言。演示：谢谢你的回答。但是右边的抛物线图不仅仅是一幅图片，它也是一幅实时图，所以也应该由Highstock渲染。这就是为什么我想创建2个Xaxis，一个用于左边的烛台图，一个用于右边的抛物线图。抛物线图的数据结构是什么样的？您是否已决定使用系列中的哪一个来显示它？左边的图是一个普通的烛台OHLC股票图，右边的图是一条经典的曲线，我猜有4个系列，每条曲线一个，从最后一个烛台点开始。xAxis是时间（日期）。很好！我认为，在这里所做的事情可能是一个良好的开端：

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')
        }
      }
    }
  }
},