HighCart.js 中的 StockCharts 可以有 2 个 Y 轴吗？

Question

图片作为参考

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

Answer 1

从引用的图片我可以看出它是一个股票图表，你可以在这里找到哪个演示基地：https://www.highcharts.com/demo/stock

如何将系列与特定的 y 轴对齐，您可以在此处找到：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

HighCart.js 中的 StockCharts 可以有 2 个 Y 轴吗？

Can we have 2 Y-axis for StockCharts in HighCart.js?

javascript

highcharts

react-highcharts

angular2-highcharts