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

问题描述

图片作为参考

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

解决方法

从所引用的图像中，我可以看到它是一个股票图表，您可以在此处找到哪个演示基础：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
  },yAxis: 2
  }]
});

---

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

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

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