博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts 图表设置
阅读量:6903 次
发布时间:2019-06-27

本文共 1199 字,大约阅读时间需要 3 分钟。

hot3.png

 myChart01 = ec.init(document.getElementById("chart"));

 myChart01.setOption(Demo.option01);

var Demo = {};

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'

    },

    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]
    }
    ]
};

转载于:https://my.oschina.net/u/1783074/blog/715010

你可能感兴趣的文章
Docker安装与入门
查看>>
开源软件没你想象中那么安全,Java 开发者尤其要警惕
查看>>
GnuCash 3.5 发布,跨平台财务管理软件
查看>>
本周 AI 论文良心推荐,你想 pick 谁?
查看>>
化繁为简 海云捷迅为企业提供应用OpenStack新“姿势”
查看>>
CVPR文章抢先看!这5篇最有趣,不容错过!
查看>>
新型智慧城市建设绘出沈阳“N朵云”
查看>>
为多云平台选择云配置管理工具
查看>>
linux C 获取当前的工作目录
查看>>
快速atof()函数
查看>>
Starting an Interactive Client Process in C++
查看>>
MSSQL-应用案例-日志表设计优化与实现
查看>>
中国移动应该怎样看待云计算
查看>>
网络安全人才平均月薪近万 这五个城市需求最大
查看>>
云安全风险不再是最令人担心的问题?
查看>>
怎样正确地测试和维护防火墙?
查看>>
打造智能城市 要先撑起一张智能接入的全覆盖大网
查看>>
VMware通过统一端点管理、Windows 10支持与加强身份管理为数字工作空间提供创新...
查看>>
企业信息化“五段论”
查看>>
Verizon报告:2020年IoT平台市场规模将达16亿美元
查看>>