Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Highcharts的系列数据中指定X轴类别_Javascript_Highcharts - Fatal编程技术网

Javascript 在Highcharts的系列数据中指定X轴类别

Javascript 在Highcharts的系列数据中指定X轴类别,javascript,highcharts,Javascript,Highcharts,我正在尝试实现一个堆叠条形图,我想了解是否有任何方法可以指定类别以及序列中的数据点 我的分类如下: xAxis: { categories: ['DEV', 'TEST', 'Stage'] }, 系列数据: series: [{ name: 'Severity-1', data: [['TEST',20]] },{ name: 'Severity-2', data: [['TEST',20]] }] 在上面的代码片段中,我试图将一个点值“30”添加到“TEST”类别中,但当我加载图形时,它

我正在尝试实现一个堆叠条形图,我想了解是否有任何方法可以指定类别以及序列中的数据点

我的分类如下:

xAxis: {
categories: ['DEV', 'TEST', 'Stage']
},
系列数据:

series: [{
name: 'Severity-1',
data: [['TEST',20]]
},{
name: 'Severity-2',
data: [['TEST',20]]
}]
在上面的代码片段中,我试图将一个点值“30”添加到“TEST”类别中,但当我加载图形时,它会显示在“DEV”类别下

例如:


有什么想法吗?

嘿,维普尔,你想要这样的吗?请检查下面的代码链接

series: [{
     name: 'Severity-1',
     data: [['TEST',20]]
     },{
     name: 'Severity-2',
     data: [['TEST',20]]
 }]

嘿,维普尔,你想要这样的东西吗?请检查下面的代码链接

series: [{
     name: 'Severity-1',
     data: [['TEST',20]]
     },{
     name: 'Severity-2',
     data: [['TEST',20]]
 }]

您需要使用类别索引而不是类别名称,因此适当的示例如下:

series: [{
  name: 'Severity-1',
  data: [[1,20]] //0-DEV, 1-TEST, 2-Stage
},{
  name: 'Severity-2',
  data: [[1,20]]
}]

您需要使用类别索引而不是类别名称,因此适当的示例如下:

series: [{
  name: 'Severity-1',
  data: [[1,20]] //0-DEV, 1-TEST, 2-Stage
},{
  name: 'Severity-2',
  data: [[1,20]]
}]
您是否尝试过:

{"xAxis": { "type" : "category" .... } ... }
它应该从您的数据中获取类别。

您是否尝试过:

{"xAxis": { "type" : "category" .... } ... }

它应该从您的数据中获取类别。

您好,谢谢您的回答,但我想实现的是使用系列数据绘制条形图,其中应包括y轴的类别和值。他问,没有类别。您好,谢谢你的回答,但我想实现的是使用系列数据绘制条形图,其中应包括y轴的类别和值。他问,没有类别。谢谢Pawel,这对我很有效,但我遇到了另一个问题,我的xAxis显示的是数字,而不是标签。我列出了20个类别,在图表上只列出了少数类别,然后像12.5 13.5这样的数字出现在xAxis上。如何强制图表仅显示类别的标签?请确保您有适当的索引(0、1、2..n-1),其中n是来自的类别数:
xAxis:{categories:['DEV'、'TEST'、'Stage']//n=3},
我已验证,并且索引值的格式正确,有两件事是值得注意的:1)序列数据类似于-[0,1],[2,10],[1,5],这意味着它没有顺序,这主要是因为后端如何生成数据,但我一排序数据标签就会显示出来。2) 如果我有超过40个类别,就不会发生这种情况。1)必须对数据进行排序,使用排序后的数据,它可以正常工作,请参见:2)我想是对数据进行排序了吗?顺便说一句,我可以看到堆栈标签的问题,报告说。谢谢Pawel,它对我有效,但我遇到了另一个问题,我的xAxis显示的是数字而不是标签。我列出了20个类别,在图表上只列出了少数类别,然后像12.5 13.5这样的数字出现在xAxis上。如何强制图表仅显示类别的标签?请确保您有适当的索引(0、1、2..n-1),其中n是来自的类别数:
xAxis:{categories:['DEV'、'TEST'、'Stage']//n=3},
我已验证,并且索引值的格式正确,有两件事是值得注意的:1)序列数据类似于-[0,1],[2,10],[1,5],这意味着它没有顺序,这主要是因为后端如何生成数据,但我一排序数据标签就会显示出来。2) 如果我有超过40个类别,就不会发生这种情况。1)必须对数据进行排序,使用排序后的数据,它可以正常工作,请参见:2)我想是对数据进行排序了吗?顺便说一句,我可以看到堆栈标签的问题,报告。