我们可以在HighCart.js中为StockCharts提供2个Y轴吗？

Question

图片作为参考

我想构建这种类型的图表，下面是我的数据集链接。我找不到与此相关的任何示例。 https://docs.google.com/spreadsheets/d/1geCzzfBeyY8yDHAdEFWUSUf8ex3QWfqDtPg7ArOdTw0/edit?usp=sharing

Answer 1

从所引用的图像中，我可以看到它是一个股票图表，您可以在此处找到哪个演示基础：https://www.highcharts.com/demo/stock

如何将序列与特定的yAxis对齐，您可以在这里找到：https://api.highcharts.com/highcharts/series.line.yAxis

示例演示：https://jsfiddle.net/BlackLabel/95ptgrec/

// Create the chart
Highcharts.stockChart('container', {
  yAxis: [{
    title: {
      text: 'axis1'
    }
  }, {
    title: {
      text: 'axis2'
    }
  }, {
    title: {
      text: 'axis3'
    },
    opposite: false
  }],
  series: [{
    data: generateData()
  }, {
    data: generateData(),
    yAxis: 1
  }, {
    data: generateData(),
    yAxis: 2
  }]
});

---

如果您想在Angular或React环境中实现图表，我建议使用官方包装：

https://github.com/highcharts/highcharts-angular

https://github.com/highcharts/highcharts-react