echarts的简单案例

来源:互联网 发布:属于网络调查的特点是 编辑:程序博客网 时间:2024/05/29 19:54
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);
1 0
原创粉丝点击