具有非数字/非日期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调试器控制台中收到以下错误。

  

“无法将Public Works解析为日期”

     

“无法将警察解析为日期”

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

Answer 1

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