Javascript 如何在Flot中通过JSON添加动态标记？

我想将X轴值从默认值更改为从JSON传递的动态刻度

通过我上一篇文章，我发现通过

我添加了JS，并按照下面的格式修改了JSON，使之与示例中给出的格式相匹配

  [{"data":[["Over Time",5202]],"label":"Over Time"},{"data":[["Shift Start",19620]],"label":"Shift Start"},{"data":[["Maintenance break",82920]],"label":"Maintenance break"},{"data":[["Lunch break",240]],"label":"Lunch break"},{"data":[["BreakDown",75720]],"label":"BreakDown"},{"data":[["Break",3060]],"label":"Break"},{"data":[["Tea break",72840]],"label":"Tea break"}]

我的JS代码是

  <script language="javascript" type="text/javascript">  
$(document).ready(function(){
$.getJSON('ReasonByTime.txt', function(json) {
    $.plot($("#placeholder"),json, {bars: { show: true, barWidth:0.2}, xaxis: { mode: "categories" }});
});

$（文档）.ready（函数（）{
$.getJSON（'ReasonByTime.txt'，函数（json）{
$.plot（$（“#占位符”）、json、{bar:{show:true、barWidth:0.2}、xaxis:{mode:“categories”}）；
});

}))；

运行此代码时，x轴未显示任何值，默认值也未显示。我的结果图是这样的

我测试了中给出的示例，但ticks/categories不起作用。我得到了如下示例的输出

---

Flot现在托管在github之外：

如果您从那里抓取并运行代码，它就会工作。不起作用的是jquery.flot.js版本0.7与github最新的categories插件的结合

我使用此代码运行它，它正确显示：

var data = [{
    "data": [["Over Time", 5202]]},
{
    "data": [["Shift Start", 19620]]},
{
    "data": [["Maintenance break", 82920]]},
{
    "data": [["Lunch break", 240]]},
{
    "data": [["BreakDown", 75720]]},
{
    "data": [["Break", 3060]]},
{
    "data": [["Tea break", 72840]]}];


$.plot($("#placeholder"), data, {
    bars: {
        show: true,
        barWidth: 0.2
    },
    xaxis: {
        mode: "categories"
    }
});​

---

这是它的一个工作版本：

我有一个问题，如何在plot JS中访问JSON中创建的记号。此外，由于我的x轴中有更多的条目，x轴底部显示的类别相互重叠。你能帮我解决这个问题吗。