时间戳

首页 > 解决方案 > 我们可以在 HighCart.js 中为 StockCharts 设置 2 个 Y 轴吗？

javascript - 我们可以在 HighCart.js 中为 StockCharts 设置 2 个 Y 轴吗？

问题描述

图片作为参考

图片作为参考

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

标签： javascripthighchartsreact-highchartsangular2-highcharts

解决方案

从参考图片中我可以看到这是一个股票图表，您可以在此处找到演示库：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

推荐阅读