Highcharts类别don't添加
Highcharts Categories don't add
我想显示数字'6'类别,但序列中的数据是稳定的。然而所发生的事情是,只有1-5在类别中显示。我该怎么做?请参阅以下代码:
function getchart()
{
$('#container').highcharts({
chart: {
type: 'column',
renderTo: 'container'
},
title: {
text: 'Daily Events',
style: {
'color': '#06F',
'font-family': 'Roboto',
'font-size': '16px',
'font-weight': 'bold'
},
useHTML: true
},
xAxis: {
categories: [
'1',
'2',
'3',
'4',
'5',
'6'
]
},
yAxis: {
min: 0,
title: {
text: 'No. of Events'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
legend: {
itemStyle: {
'color': '#666',
'font-family': 'Roboto',
'font-weight': 'normal',
'font-size': '11px'
},
useHTML: true
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y;
}
},
plotOptions: {
column: {
pointWidth: 30,
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black'
}
}
}
},
series: [{
name: 'Incoming',
data: [
{y: 10.4, color: '#FAA961'}, //incoming
{y: 15.4, color: '#FAA961'},
{y: 20.4, color: '#FAA961'},
{y: 12.4, color: '#FAA961'},
{y: 30.4, color: '#FAA961'},
],
color: '#FAA961'
}, {
name: 'Ongoing',
data: [
{y: 10.4, color: '#438EF7'}, //incoming
{y: 15.4, color: '#438EF7'},
{y: 20.4, color: '#438EF7'},
{y: 12.4, color: '#438EF7'},
{y: 30.4, color: '#438EF7'},
],
color: '#438EF7'
}, {
name: 'Finished',
data: [
{y: 34.4, color: '#43F752'}, //incoming
{y: 35.4, color: '#43F752'},
{y: 40.4, color: '#43F752'},
{y: 42.4, color: '#43F752'},
{y: 20.4, color: '#43F752'},
],
color: '#43F752'
}]
});
}
您可以使用x轴的"min"answers"max"值来指定要在图表上显示的类别数组中的最小和最大索引值。
在您的情况下,
min: 0,
max: 5
这是最新的小提琴。
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何将搜索表单仅添加到商店页面和类别页面
- highcharts-在类别中的行之间添加单独的行
- Highcharts类别don't添加
- 打开购物车 在类别页面中添加到购物车,而不是将商品添加到购物车
- 高图表:动态添加数据系列,并在yAxis上动态添加类别
- 在高图表中动态添加/删除 xaxis 类别
- 为某些特定类别的新系列添加点
- 将新系列添加到类别高点
- 在HighCharts中添加类别
- 如何添加搜索,例如按类别
- Jquery同位素PLugin:自定义布局模式:类别行-如何为每个类别行添加标题
- jQuery仅将addClass添加到<td>其中父<tr>具有特定类别
- 自定义过帐类型-类别添加按钮不起作用
- js在列图上添加带有地址序列的类别
- 如何在List.js中添加另一个过滤类别
- 移除添加类别为'selected'的项目上的点击事件
- 在Kimonolabs中使用javascript向json输出添加类别
- 添加一个独立于类别的栏("reference"酒吧)
- 高图堆叠条形图:添加类别和数据系列