码迷,mamicode.com
首页 > 其他好文 > 详细

ECharts 使用总结

时间:2018-01-17 15:53:59      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:text   一周   color   mat   边框   data   val   tool   for   

1、去掉Echarts 图标上边框和右边框

option = {
      title: {
                   text: ‘未来一周气温变化‘,
                   subtext: ‘纯属虚构‘
              },
       grid: {
                   show: ‘true‘,
                    borderWidth: ‘0‘,
                 },
      tooltip: {
                   trigger: ‘axis‘
                   },

 

2、去掉 去除网格线、网格区域

    xAxis: [
                        {
                            splitLine: {
                                show: false,
                            },//去除网格线
                            splitArea: { show: false },//保留网格区域
                            type: ‘category‘,
                            boundaryGap: false,
                            data: [‘2015‘, ‘2016‘, ‘2016‘]
                        }
                    ],
                    yAxis: [
                        {
                            splitLine: { show: false },//去除网格线
                            splitArea: { show: false },//保留网格区域
                            type: ‘value‘,
                            axisLabel: {
                                formatter: ‘{value} °C‘
                            }
                        }
                    ],

3、折线图折线加粗

        series: [
                        {
                            name: ‘最高气温‘,
                            type: ‘line‘,
                            data: [1110,2563,4568],
                            itemStyle: {
                                normal: {
                                    lineStyle: {
                                        width: 10
                                    }
                                }
                            }

                        },

 

ECharts 使用总结

标签:text   一周   color   mat   边框   data   val   tool   for   

原文地址:https://www.cnblogs.com/youmingkuang/p/8302838.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!