echarts 圖表設置

 myChart01 = ec.init(document.getElementById("chart"));
 myChart01.setOption(Demo.option01);rest

var Demo = {};orm

Demo.option01 = {
    title : {
        text : '',
        subtext : ''
    },
    tooltip : {
        trigger: 'item',
        formatter : function (params) {
            var res = params.name;
            res += '<br/> 文字:' + params.value;
            return res;
        }
    },
    toolbox: {
        show : false,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    dataZoom: {  //滾動條
        show: true,
        start : 70
    },
    legend : {
        data : ['series1'],
        orient:'vertical',
        x:'right',
        y:'center'ip

    },
    grid:{
        x:50,
        y:65,
        x2:110,
        y2:80
    },
    xAxis : [
        {
            type : 'category',
            boundaryGap : true,
            axisTick: {onGap:false},
            splitLine: {show:false},
            data : [ "2013/1/24", "2013/1/25", "2013/1/28", "2013/1/29"]
        }
    ],
    yAxis : [
        {
            type : 'value',
            splitArea:{   //圖標隔行換色
                show: true,
                areaStyle: {       // 屬性areaStyle(詳見areaStyle)控制區域樣式
                    color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
                }
            }
        }
    ],
    series : [{
        name : "ceshi",
        type : 'line',
        smooth:true,
        itemStyle: {normal: {areaStyle: {type: 'default'}}}, //面積圖樣式
        showAllSymbol : true,
        symbol:'emptyCircle'
        symbolSize : 2,   
        data:[12,43,54,77]
    }
    ]
};get

相關文章
相關標籤/搜索