在最近业务开展过程中,涉及到highcharts和echarts的图表数据展示颇多,后UI设计师根据数据展示要求设计出花里胡哨的图表样式,正好最近也来研究一下,后续会补几篇相关博文。废话也不多说,先上效果:
以下为实例代码(可直接复制至echarts官网查看效果)
option = {
grid: {
left: '-5%',
right: '7%',
bottom: '3%',
top:'7%',
containLabel: true
},
xAxis: {
type: 'category',// x轴写为value Y轴写为category为横向
axisLine:{
show:false // 是否显示坐标轴
},
axisTick: {
show: false //是否显示坐标轴刻度
},
splitLine:{show: false},//去除网格线
data: ['手术室', '手术室', '手术室', '手术室', '手术室', '手术室', '手术室', '手术室', '手术室',