ECharts · Example

var labelRight = {normal: {label : {position: 'right'}}};
option = {
    title: {
        text: '交錯正負軸標籤',
        subtext: 'From ExcelHome',
        sublink: 'http://e.weibo.com/1341556070/AjwF2AgQm'
    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐標軸指示器，坐標軸觸發有效
            type : 'shadow'        // 默認為直線，可選為：'line' | 'shadow'
        }
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    grid: {
        y: 80,
        y2: 30
    },
    xAxis : [
        {
            type : 'value',
            position: 'top',
            splitLine: {lineStyle:{type:'dashed'}},
        }
    ],
    yAxis : [
        {
            type : 'category',
            axisLine: {show: false},
            axisLabel: {show: false},
            axisTick: {show: false},
            splitLine: {show: false},
            data : ['ten', 'nine', 'eight', 'seven', 'six', 'five', 'four', 'three', 'two', 'one']
        }
    ],
    series : [
        {
            name:'生活費',
            type:'bar',
            stack: '總量',
            itemStyle : { normal: {
                color: 'orange',
                borderRadius: 5,
                label : {
                    show: true,
                    position: 'left',
                    formatter: '{b}'
                }
            }},
            data:[
                {value:-0.07, itemStyle:labelRight},
                {value:-0.09, itemStyle:labelRight},
                0.2, 0.44, 
                {value:-0.23, itemStyle:labelRight},
                0.08,
                {value:-0.17, itemStyle:labelRight},
                0.47,
                {value:-0.36, itemStyle:labelRight},
                0.18
            ]
        }
    ]
};

切換主題