带 non-numeric/non-date x 轴的 Dygraph

Question

如何使用 dygraph 为在 x 轴上使用 non-numeric/non-date 值的数据创建可视化？

我正在尝试使用从 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"

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

Answer 1

dygraphs 假定数据的第一列是独立（x 轴）变量。您可能可以通过编写 DataHandler 来解决这个问题，但是重新组织数据以将年份放在第一列中会容易得多。

带 non-numeric/non-date x 轴的 Dygraph

Dygraph with non-numeric/non-date x axis

javascript

data-visualization

dygraphs