转自http://www.stepday.com/topic/?434
[摘要]: 在highcharts要设置X轴不存在和没有刻度值我们只能够通过变相的方式来加以实现 1、将X轴的颜色值设置为背景色 //通过设置xAxis的lineColor:'#FFFFFF'属性来得到要求 xAxis:{ lineColor:'#FFFFFF', //设置为白色 } 2、设置刻度标签的宽度为0 xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], tickWidth:0, //刻度标签宽度 3、设置刻度值不显示 xAxis:{ la...
-
在highcharts要设置X轴不存在和没有刻度值我们只能够通过变相的方式来加以实现
1、将X轴的颜色值设置为背景色
1.
//通过设置xAxis的lineColor:'#FFFFFF'属性来得到要求
2.
xAxis:{
3.
lineColor:
'#FFFFFF'
,
//设置为白色
4.
}
2、设置刻度标签的宽度为0
1.
xAxis: {
2.
categories: [
'Jan'
,
'Feb'
,
'Mar'
,
'Apr'
,
'May'
,
'Jun'
,
'Jul'
,
'Aug'
,
'Sep'
,
'Oct'
,
'Nov'
,
'Dec'
],
3.
tickWidth:0,
//刻度标签宽度
3、设置刻度值不显示
1.
xAxis:{
2.
labels:{
3.
enabled:
false
4.
}
5.
}
4、设置图表横向分区线
1.
yAxis:
2.
{
3.
gridLineWidth: 0,
4.
lineColor:
'#FFFFFF'
,
5.
},
5、完整代码配置
01.
$(
function
() {
02.
$(
'#container'
).highcharts({
03.
chart:{
04.
backgroundColor:
'#FFFFFF'
,
//设置图表背景色为白色
05.
},
06.
xAxis: {
07.
categories: [
'Jan'
,
'Feb'
,
'Mar'
,
'Apr'
,
'May'
,
'Jun'
,
'Jul'
,
'Aug'
,
'Sep'
,
'Oct'
,
'Nov'
,
'Dec'
],
08.
tickWidth:0,
//设置刻度标签宽度
09.
lineColor:
'#FFFFFF'
,
//设置坐标颜色
10.
lineWidth:0,
//设置坐标宽度
11.
labels:{
12.
enabled:
false
//设置刻度是否显示
13.
}
14.
},
15.
yAxis:
16.
{
17.
gridLineWidth: 0,
//设置横向分区线宽度
18.
lineColor:
'#FFFFFF'
,
//设置y轴颜色
19.
},
20.
21.
series: [{
22.
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
23.
}]
24.
});
25.
});
通过以上几个步骤即可实现,效果图如下所示:
- highcharts图表XY轴刻度显示