我在jsp中使用Highcharts。
在Highcharts的帮助下,通常我们可以创建一个图表,其中所有点在x轴上等距离。
这里我想设置未在x轴上展开的点,而是设置x值。
e.g。
通常绘制[1,1],[2,1],[3,1]
,图表显示[point] - [point] - [point]
我想将[1,1],[3,1],[7,1]
绘制成[点] - [点] ---- [点]
其中“ - ”代表点之间的距离。
你能给我看一个像$('#mycontainer').highcharts(???);
答案 0 :(得分:0)
你这样做就像[1,1],[2,1],[3,1]
一样。以下是使用按月分类的xAxis和代码的快速demo:
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
legend: {
layout: 'vertical',
floating: true,
backgroundColor: '#FFFFFF',
align: 'right',
verticalAlign: 'top',
y: 60,
x: -60
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
this.x + ': ' + this.y;
}
},
series: [{
data: [[1,1],[3,1],[7,1]]
}]
});
});