Javascript Flot：自定义条形图

我目前正在创建条形图，并希望完成以下要求：

每个条的标签

网格中间的条线

以下是我的jquery代码：

var数据=[[0206]、[1118]、[2,37]；
变量数据集=[
{标签：，数据：数据，颜色：#296292}
];
var ticks=[[0，“CPU”]，[1，“挂起的进程”]，[2，“磁盘队列”]；
变量选项={
系列：{
酒吧：{
秀：真的
}
},
酒吧：{
对齐：“居中”，
条宽：0.5，填充：1
},
xaxis：{
axisLabel：“警报”，
Axislabulusecanvas：没错，
axisLabelFontSizePixels:12，
axisLabelFontFamily:“Verdana，Arial”，
axisLabelPadding:10，
滴答声：滴答声
},
亚克斯：{
//axisLabel：“计数”，
Axislabulusecanvas：没错，
axisLabelFontSizePixels:12，
axisLabelFontFamily:“Verdana，Arial”，
axisLabelPadding:3，
},
图例：{
无列：0，
labelBoxBorderColor:#000000“，
位置：“西北”
},
网格：{
悬停：是的，
边界宽度：2，
背景颜色：{colors:[“#ffffff”，“#EDF5FF”]}
}
};
$（文档）.ready（函数（）{
调试器
$.plot（$（“#top5Alerts_画布”）、数据集、选项）；
});
你必须使用插件（或者自己编写代码）。比如说

可以通过设置x轴的最小值和最大值来实现这一点

有关完整示例，请参见代码片段


//valuelabel插件代码(https://github.com/winne27/flot-valuelabels)
!函数（e，t）{var l，s，o，i，r，n，d，f，u，b，h，v，x，g，c，l，w，p，m，m，y，z，o，c={}，p=“left”；a.each（e.getData（），函数（a，b）{if（b.valueLabels.show | b.stack）{var k=B.valueLabels.showLastValue，A=B.valueLabels.showMaxValue，S=B.valueLabels.showTextLabel，V=B.valueLabels.labelFormatter，Z=B.valueLabels.xoffset，T=B.valueLabels.xoffsetMin | Z，D=B.valueLabels.yoffsetMin | T，R=B.valueLabels||Z、 j=B.valueLabels.yoffsetLast | | T，Q=B.valueLabels.valign，W=B.valueLabels.valignLast | | Q，Q=B.valueLabels.valignMin，E=B.valueLabels.valignMax，G=B.valueLabels.align，H=B.valueLabels.rotate | 0，j=B.valueLabels.Horizagnalign，K=B.valueLabels||“#2222222”，=B.valueLabels.shadowColor，aa=B.valueLabels.font | | | B.xaxis.font | |”9pt san serif"，ea=B.valueLabels.hideZero，ta=B.valueLabels.hideSame，la=B.valueLabels.reversealingbelowzero，sa=B.valueLabels.showShadow，oa=B.valueLabels.useDecimal逗号，ia=B.stack，ra=B.valueLabels.decimals，na=B.valueLabels.useBackground，da=B.valueLabels.backgroundColor，fa=B.valueLabels.useBorder，ua=B.valueLabels.borderColor，ba=B.bars.order | | 0；B.seriesileha=零，va=零，va=1.3，xa=1.3，xa=1.3，xa=1.3，ga=“类别”=B.yaxis.选项.模式，ca=“类别”C=B.yaxis.B.点.选项.模式；如果（O=B.B.B.B.B.B.B.B.B.B.B.B.点.显示B.B.B.B.点.B.B.点.显示B.B.点.B.B.B.点.点.点.半径-B.B.点.点.半径-B.B.B.点.点.点.点.点.半径-B.B.B.点.点.点.线.点.线.点.点.点.线宽度.线.线.线宽度.线.线.线.线.线宽度/线.线.线宽度/线.2.2.2.线.2.线宽度/2.2.2.（马瓦）&&（ha=L，va=o+8*L.长度，xa=f，xa=f，B.B.B.酒吧.水平？（B=f，z=“中”，s>=0？”外部“==x？（P=L，va=L，va=L，va=o=o，va=o=o=o，B.B.B.B.B.x轴，s.s>=0？”0？？“外部”外部“外部”==x x x x x？（P？（P=（P=（P=“左，P=（P=“左，左，左，左），n+，n++），n+=4:：4:“内部x=4:“内部x x x x x x x=x==x x”（x）（内部x）（x）（x）（x）（x）（内部x）（x）（x）（x）（x）（x）（x）（P=x）（P=x）（P=L，va，va，va，va，va，va，va，va，va，va，va，=4）：“内部最大值”x（P（左）P（左）P（左），n+=4:“Insidenececenter”4:“Insidenececenter”4:“Insidenececenter”4:“Insidenececenter”4:“（P（左）P（中央），o=e.getPlotOffset（）.左+B.xaxis.p2c.xaxis.p2c.p2c（0）c（0）+，（B.xaxis.xaxis.p2c.p2c.s.s.s.p2c（s）（s）（s）s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s）（s低于“==v？（z=“底部”，h=h-2-O），r=O+n，b=f+h，0>=f和（b++=16），O>=e.宽度（）+e.宽度（）+e.宽度（b++=16），O>=e.宽度（）+e.宽度（）+e.获取绘图偏移（绘图）h=h+h+4+4+4+O:：：：“上述”以上”以上”以上”的“上述”包括：上述”上述”者，r=O+n，r=n，b+n，b=n，b=n，b=n，b=n，b+h，b，b，b=h，b，b，b，0>=f，0>=f和（b和（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）（b）和b-=2:“中间”==z&&（u=b-（P+1）/2，b+=1），“右边”==P？（i=r，r+=3）：i=r-m/2，t.shadowOffsetX=0，t.shadowOffsetX=0，t.shadowOffsetX=0，t.shadowOffsetX=0，t.Sha阴影模糊=0，t.Sha阴影模糊=0，fa和（t.Strokest1.strokesto=1，fa和（t.strokesto.strokesto=style=1=ua=ua和（t.strokeStyle=ua=ua=ua=ua=ua，t，t，t.strrorokerrecrecrecect（i，i，i，i，u，u，u，u，u，m，m，m，m，m，m，m，m，m，m，m，P））、na）、na和（t）和（t）和（t）和（t.Fil（t.Fil（t.Fill风格）和（t.Fill（H*数学PI/180），t.textAlign=P，t.textBaseline=z，t.fillText（L，0,0），t.restore（）}}}}}}var t={series:{valueLabels:{show:！1，showTextLabel:！1，showMaxValue:！1，showMinValue:！1，showLastValue:！1，labelFormatter:函数（a）{返回a}，align:“中心”，valign:“上方”，valignMin:“下方”，valignMax:“上方”，Horiza:“insideMax”，xoffset:0，yoffset:0，旋转：0，useDecimalComma:！1，小数点：！1，hideZero:！1，reverseAlignBelowZero:！1，showShadow:！1，shadowColor:！1，UseBackgroundColor:！1，backgroundColor:“#CCCC”，fontcolor:“#22222”，useBorder:！1，borderColor:#99999”}}；a.plot.plugins.push（{init:e，options:t，name:“valueLabels”，version:“2.0”）；
//图表代码
风险值数据=[
[0, 206],
[1, 118],
[2, 37]
];
变量数据集=[{
标签：“，
数据：数据，
颜色：“296292”，
值标签：{
秀：真的
}
}];
变量刻度=[
[0，“CPU”]，
[1，“挂起过程”]，
[2，“磁盘队列”]
];
变量选项={
系列：{
酒吧：{
秀：真的
}
},
酒吧：{
对齐：“居中”，
杆宽：0.5，
填充：1
},
xaxis：{
axisLabel：“警报”，
Axislabulusecanvas：没错，
axisLabelFontSizePi