如何设置highcharts没有X和Y轴且X轴无刻度值

转自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轴的颜色值设置为背景色

view source print ?

1. //通过设置xAxis的lineColor:'#FFFFFF'属性来得到要求

2. xAxis：{

3. lineColor:'#FFFFFF', //设置为白色

4. }

2、设置刻度标签的宽度为0

view source print ?

1. xAxis: {

2. categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

3. tickWidth:0, //刻度标签宽度

3、设置刻度值不显示

view source print ?

1. xAxis:{

2. labels:{

3. enabled:false

4. }

5. }

4、设置图表横向分区线

view source print ?

1. yAxis:

2. {

3. gridLineWidth: 0,

4. lineColor:'#FFFFFF',

5. },

5、完整代码配置

view source print ?

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轴刻度显示