一天有24小时，每个小时可能没有对应的数据。因此，后台给出的数据仅对应于每个时间点。比如4点是112，5点是242，其他时间没有数据。那么就只会显示4点钟和5点钟的数据。那么
对应的时间点就是背景给出的时间点。 x轴坐标与时间点一一对应。只需遵循以下数据格式即可。
直接贴代码：
数据格式：
{"value":["16", "117"]} //16代表x轴显示的下标位置，117是数据金额
var columns1=[{"值":["16", "117"]},{"值":["15", "17"},{"值":["6", "11"}, {“值”：[“22”，“47”}，{“值”：[“16”，“27”}];
var columns2= [{"值":["16", "117"]},{"值":["15", "17"},{"值":["6", "11"}, {“值”：[“22”，“47”}，{“值”：[“16”，“27”}];
var columns3= [{"值":["16", "117"]},{"值":["15", "17"},{"值":["6", "11"}, {“值”：[“22”，“47”}，{“值”：[“16”，“27”}];
var columns4= [{"值":["16", "117"]},{"值":["15", "17"},{"值":["6", "11"}, {“值”：[“22”，“47”}，{“值”：[“16”，“27”}]; var theme_style = ["#51DCD1", "red", "#FFD856", "#2E4650"];
var newXtitle = ["00", "01", "02", "03", "04" 、“05”、“06”、“07”、“08”、“09”、10、11、12、13、14、15、16、17、18、19、20、21、22、23]； //x轴
选项={
图例：{显示：true，}，
工具提示：{
触发器：'轴'，
轴指针：{
类型：'十字'
}
},
网格：{
左：“13%”，
右：“16%”，
},
x轴：[{
type: '类别',
//boundaryGap : false,//默认从0开始
数据：newXtitle，
轴指针：{
类型：'影子'
}}
],
y轴：[
{
类型：'值'，
分钟：0，
轴标签：{
格式化程序：'{值}'
}
}
],
系列：[
{
name:'平均延迟',
类型：'酒吧'，
颜色：主题风格[0]，
数据：第4列，
y轴索引：0，
//"connectNulls": true, //连接断点
itemStyle: { normal: {label: {show: true}}},//显示数据
},
{
name:'平均延误时间（昨天）',
类型：'酒吧'，
//symbol:"none",//去掉小点
y轴索引：0，
颜色：主题风格[2]，
//position:'start',//设置刻度线是在上方还是下方
smooth:0.4,//设置折线图的弧度0-1
数据：第2列，
// "connectNulls": true, //连接断点
itemStyle: { normal: {label: {show: true}}},//以柱状图方式显示数据
},
{
name:'信息控制工单失败量',
boundaryGap：true，
类型：'线'，
barMinWidth：25，
颜色：主题风格[1]，
y轴索引：1，
平滑：0.4，
数据：第5列，
itemStyle：{正常：{标签：{显示：false}}}，
},
{
name:'信息控制工单失败数量（昨天）',
类型：'线'，
boundaryGap：true，
barMinWidth：25，
颜色：主题风格[3]，
y轴索引：1，
数据：第3列，
itemStyle：{正常：{标签：{显示：false}}}，
},
]
}；
最终显示如下：
对应echarts知识点：
PS：很多知识点可以通过查API找到。
-->
