【记录-echarts问题总结】

一、echarts获取了数据但图表为空不显示的问题（以前可以查突然不显示了）

报错提示：echarts为被定义-Uncaught ReferenceError: echarts is not defined。

原因总结：1、可能是引用文件和自定义的图表.js文件位置放反，echarts的引用文件必须放置在前面

2、有可能是确少引用文件-我最后引用了echarts.min.js后就解决了

图片显示

二、调整横坐标到文字的距离

  axisLabel: {//坐标轴刻度标签的相关设置。
             // x轴文字倾斜  
             interval: 0,
             rotate: 15,//倾斜度 -90 至 90 默认为0
             margin: 15//横坐标到文字的距离
}

三、上方坐标不随滚动条滚动

图片展示：

调整部分：在xAxisIndex处须得将所有x轴选上

 dataZoom: {
            bottom: 10,//下滑块距离x轴底部的距离
            height: 10,//下滑块手柄的高度调节
            type: 'slider',//类型,滑动块插件
            show: true,//是否显示下滑块
            xAxisIndex: [0][1],//选择的x轴
            start: 0,//初始数据显示多少
            end: 20//初始数据最多显示多少
        },

四、设置legend图表位置无反应

第一次添加align: 'right',

  legend: {
            data: ['白班', '夜班'],
            align: 'right',
        },

修改结果

第二次添加x: 'right',

legend: {
            data: ['白班', '夜班'],
            x: 'right',
        },

修改结果-成功