在用echarts作折现图时遇到的问题效果图 是这样的。javascript
option = { xAxis: [{ type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], onZero: false, show: true }, ], yAxis: [{ type: 'value', }, { }], series: [{ data: [3, 10, -9, 3, -3, 19, 15], type: 'line' }] };
而作出来的是这样的html
我想让x轴的标签(Mon ,Tue。。。)紧贴着x轴(0刻度线上) 。试了好久终须作出来了,给x轴加个axisLabel{margin:-180}(只要为负数就行,负数可根据须要调整,也能够动态计算)java
option = { xAxis: [{ type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], onZero: false, show: true, axisLabel: { //坐标轴刻度标签的相关设置 margin: -180, //刻度标签与轴线之间的距离 }, }, ], yAxis: [{ type: 'value', }, { }], series: [{ data: [3, 10, -9, 3, -3, 19, 15], type: 'line' }] };
可以使用在线编辑器查看效果 echarts