echarts的简单案例

var myChart0 = echarts.init(document.getElementById("list0"));
option0 = {
        title: {
            text: '单次抽奖活动统计',
            subtext: '2016-12-25至2017-01-25',
        },
        legend: {
            data: ['活动点击数'],
            top: '5%',
            left: '50%',
            show: 'true',
            symbol: {
                size: 16
            }
        },
        grid: {
            show: false,
            left: '10',
            bottom: '10',
            right: '15',
            containLabel: true
        },
        //配置全局样式
        textStyle: {
            color: "blue",
            fontSize: '20'
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                //配置x坐标样式
                axisLabel: {
                    textStyle: {
                        color: 'green',
                        fontSize: '16'
                    }
                },
                //是否显示刻度
                axisTick: {
                    show: false
                },
                data: [10.15, 10.16, 10.17, 10.18]
            }
        ],
        yAxis: [
            {
                type: 'value',
                splitLine:{
                    show:false
                },
                //格式化
                axisLabel:{
                    formatter: function (value, index) {
                        return value +"%";
                    }
                }
            }
        ],
        series: [
            {
                name: '活动点击数',
                type: 'line',
                data: [300, 500, 200, 400],
                left: 0,
                areaStyle: {
                    normal: {
                        color: '#eaf6dd',
                        lineStyle: {
                            color: '#00FF00'
                        }
                    }
                },
            }
        ]

    }
    myChart0.setOption(option0);