时间戳

首页 > 解决方案 > 具有字符串值的 Highcharts yAxis 类别：错误 14

javascript - 具有字符串值的 Highcharts yAxis 类别：错误 14

问题描述

这里马上就是 ChartJS 中所需的图表。我们有两个 x 轴。一个显示仪表的功率，另一个显示仪表随时间的状态（打开、关闭或待机） 在两个数据集中，X 轴是 Unix 时间。功率 Y 轴是数字，状态 x 轴是三个状态类别之一。两者都是用线条绘制的。 使用 ChartJS 渲染的所需图表

言归正传：我如何在 Highcharts 中做到这一点？我设置了第二个轴：

        xAxis: {
          type: 'datetime'
        },
        yAxis: [
          {
            title: {
              text: 'Real Power'
            }
          },
          {
            type: 'category', //I have also removed this line 
            title: {
              text: 'state'
            },
            categories: ['closed', 'standby', 'open']
          }
        ],

任何将 Y 轴值设置为 highcharts 中的字符串的尝试都会导致众所周知：https ://www.highcharts.com/errors/14/

此外在线我似乎只在 X 轴上找到类别。任何帮助到达正确的地方表示赞赏。提前致谢。

标签： javascriptangulartypescripthighcharts

解决方案

您不能使用字符串作为x值，而是使用数字，例如：

    series: [{
        ...
    }, {
        ...,
        yAxis: 1,
        data: [1, 0, 2, 1]
    }],
    yAxis: [{
        ...
    }, {
        title: {
            text: 'state'
        },
        categories: ['closed', 'standby', 'open'],
        min: 0,
        max: 2
    }]

现场演示：http: //jsfiddle.net/BlackLabel/o7Lvyadm/

API 参考： https ://api.highcharts.com/highcharts/yAxis

推荐阅读