ECharts 使用总结

Posted 2020-10-21 youmingkuang

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

                        },