echarts相关知识

相关属性配置：

title：配置单位说明

title: {

            text: '单位：例',

            textStyle: {

                color: '#999999',

                fontWeight: '500',

                fontSize: 14

            },

            x: 'right',

            padding: [20, 20, 0, 0]

        },

series：可配置柱状图的粗细

{

            name: nameList[index],

            type: index === 3 ? 'line' : 'bar',

            showBackground: true,

            data: arg,

            barWidth: 6,//配置粗细

            itemStyle: { barBorderRadius: [20] }

        }

legend：配置示例组件

 

legend: {

            data: nameList,

            itemWidth: 20,

            itemHeight: 4,

            y: 'bottom',

            textStyle: {

                fontSize: 11,

                color: '#333333'

            }

        },

grid:配置内容距离容器间距

这个有时候会有误差  要根据内容自己去调整

        grid: {

            top: 80,

            left: 47,

            right: 55,

            bottom: 50

        },

tooltip：鼠标移入时显示样式的配置

        tooltip: {

            trigger: 'axis',

            axisPointer: {

                // 坐标轴指示器，坐标轴触发有效

                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'

            }

        },

1.echarts，两点连线，这两点中间的其他点的数值没有情况下如何连线

解决方法：设置下方的属性

series: [
                        {
                        connectNulls: true,
                        data: yvalue,
                        type: 'line'
                        }
            ]

2.设置显示x轴最后一个坐标（x轴最后一项显示不全）

xAxis:

        {

                axisLabel: {

                        showMaxLabel: true

                }

        }