echarts柱状图自定义样式(一)

在最近业务开展过程中,涉及到highcharts和echarts的图表数据展示颇多,后UI设计师根据数据展示要求设计出花里胡哨的图表样式,正好最近也来研究一下,后续会补几篇相关博文。废话也不多说,先上效果:

echarts柱状图自定义样式(一)_第1张图片

以下为实例代码(可直接复制至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: ['手术室', '手术室', '手术室', '手术室', '手术室', '手术室', '手术室', '手术室', '手术室',

你可能感兴趣的:(echarts,echarts,柱状图,重写样式)