javascript - 带有非数字/非日期 x 轴的 Dygraph

Question

如何使用 dygraph 为 x 轴上使用非数字/非日期值的数据创建可视化效果？

我正在尝试使用从 jsfiddle 中提取的以下 javascript 来实现预算数据的可视化。 .

g = new Dygraph(

    // containing div
    document.getElementById("graphdiv"),

    // CSV or path to a CSV file.
    "Departments,2012 Actual,2013 Actual\n"+
    "Public Works,100,200\n"+
    "Police,50,150"      ,
    {
        title: 'Fort Lauderdale Budget Data'
    }
);

当我尝试运行它时，我在浏览器 JavaScript 调试器控制台中收到以下错误。

"Couldn't parse Public Works as a date"

"Couldn't parse Police as a date"

我确实看过axis options在dygraphs中提供，但它们似乎只解决格式化值而不是解析它。我意识到我可以重新定位轴/数据以使用日期作为 x 轴，但我宁愿避免这种额外的工作。

Answer 1

dygraphs 假设数据的第一列是自变量(x 轴)。您也许可以通过编写 DataHandler 来解决这个问题，但重新组织数据以将年份放在第一列中会容易得多。