前端可视化工具ECharts 学习笔记(二)_针对x轴类型为time的

X轴的type 设置为time, X 轴就不需要data 了,

那么serie 的data 必须是二维数组的

[

[1538496443941, 123],

[1538502852702, 234]        

]

第一个是时间的长整型, 第二个是对应y 轴的值.

数组1.push(数组2); //数组2 push 2个值, 每次循环数组2要重新new

X轴的显示日期格式必须自己修改,

xAxis: {

            type: 'time',

            axisLabel: {

                interale: 0,

                rotate: -40,

                formatter: function (value) {

                    var t_date = new Date(value);

                    return [t_date.getFullYear(), t_date.getMonth() + 1, t_date.getDate()].join('/') + " "

                        + [t_date.getHours(), t_date.getMinutes()].join(':');

                }

            },

            axisPointer: {//y轴上显示指针对应的值

                show: true,

            },

        },

 

效果图: