饼状图--只有一个指标echarts-带面积的折线图echarts柱状图圆角实现echarts中饼状图数据太多进行翻页echarts给每个柱状图配置不同的颜色echarts中x轴文字太长换行的几种方式echarts-中的事件-- demo1.on('事件类型', function (params) {}echarts控制柱状图柱条的宽度在地图上--给经纬度--展示任何一个点可以展示地名echarts 设置legend样式echarts饼状图不要中间的文字提示echasrts定义折线图legend的样式-优化echarts轮训展示某个echarts设置标题样式vue中如何使用echarts,使用axios获取数据echarts更改x和y轴的颜色echarts在左下角添加单位echarts的初始化和销毁dispose多个饼状图echarts第二次渲染不出来的原因echarts中坐标与标签刻度对齐echarts饼图中央自定义文字echarts多条折线图添加单位设置echarts线的样式echarts饼状图自定义legend的样式付费echarts去除坐标轴上的x和y轴国庆总结:echarts自定义颜色主题,保证你看的明明白白echarts饼图的配置 封装组件的注意点echarts之--柱状图-%显示ECharts 简介ECharts 安装ECharts 自定义构建ECharts 创建图表ECharts 图表组成ECharts 文本样式ECharts 区域样式ECharts 事件系统ECharts action 交互ECharts 数据异步加载ECharts 标题组件ECharts 提示框ECharts 图例组件ECharts 工具栏ECharts 数据缩放组件ECharts 极坐标系ECharts 地图坐标系ECharts 折线图ECharts 柱状图ECharts 饼图ECharts 散点图ECharts K 线图

echasrts定义折线图legend的样式-优化

option = {
    title: {
        text: '折线图堆叠'
    },tooltip: {
        trigger: 'axis'
    },//定义折线图legend的形状哈
    legend: {
        itemWidth: 10,itemHeight: 1,itemGap: 10,data:[  
            {name:'邮件营销',icon:'rect'},{name:'联盟广告',{name:'视频广告',{name:'直接访问',{name:'搜索引擎',icon:'rect'}
        ],},grid: {
        left: '3%',right: '4%',bottom: '3%',containLabel: true
    },toolbox: {
        feature: {
            saveAsImage: {}
        }
    },xAxis: {
        type: 'category',boundaryGap: false,data: ['周一','周二','周三','周四','周五','周六','周日']
    },yAxis: {
        type: 'value'
    },series: [
        {
            name: '邮件营销',type: 'line',stack: '总量',data: [120,132,101,134,90,230,210]
        },{
            name: '联盟广告',data: [220,182,191,234,290,330,310]
        },{
            name: '视频广告',data: [150,232,201,154,190,410]
        },{
            name: '直接访问',data: [320,332,301,334,390,320]
        },{
            name: '搜索引擎',data: [820,932,901,934,1290,1330,1320]
        }
    ]
};

注意

通过 data:[
    {name:'邮件营销',icon:'rect'}
],//分别修改legend格式 ,缺省则为默认

还可以定义其他的形状
后面有时间可以看看
然后在回头来写