我可以将此 JSON 提供给 D3 以绘制折线图吗?
Can I feed this JSON to D3 to draw a line chart?
我有一个这种格式的JSON:
[{"Wed Jan 23 00:00:00 IST 2013":3383387},
{"Thu Jan 24 00:00:00 IST 2013":3388022},
{"Fri Jan 25 00:00:00 IST 2013":3393322},
{"Sat Jan 26 00:00:00 IST 2013":3401241},
{"Sun Jan 27 00:00:00 IST 2013":3406134},
{"Mon Jan 28 00:00:00 IST 2013":3410703},
{"Tue Jan 29 00:00:00 IST 2013":3415120}]
我正在尝试使用 http://bl.ocks.org/3883195 中提到的 JSON 和 D3 示例代码创建一个简单的折线图。我没有使用 d3.tsv,而是使用 d3.json。但是由于某种原因,它没有采用这种格式的JSON。我相信如果这个 JSON 可以转换为这种格式,我可以让它工作:
[{"Date":
["Wed Jan 23 00:00:00 IST 2013",
"Thu Jan 24 00:00:00 IST 2013",
"Fri Jan 25 00:00:00 IST 2013",
"Sat Jan 26 00:00:00 IST 2013",
"Sun Jan 27 00:00:00 IST 2013",
"Mon Jan 28 00:00:00 IST 2013",
"Tue Jan 29 00:00:00 IST 2013"],
"Values":[3415120,2343244,454545,4564566,56334534,34543554,34543555]}]
问题是,有没有简单的方法可以将我的 JSON 转换为这种格式。我正在使用php函数json编码将数组编码为JSON。
JSON 所在的有孔的唯一问题是键表示要用于绘制图形的数据。但是,您可以轻松地将其转换为更适合使用d3.entries()
的格式 - 无需为D3提供不同的JSON。
相关文章:
- 如何用d3.js绘制折线图
- d3绘制动画折线图的基本示例
- 如何在不使用外部库的情况下使用 JavaScript 绘制折线图
- AngularJS nvd3折线图指令未在数据更改时重新绘制(非实时)
- 用不同的x轴数据集绘制谷歌折线图
- 如何隐藏由Chart.js V2.0绘制的组合折线图和条形图中的点
- 根据ajax重新绘制并破坏旧的折线图后,关于折线图(chart.js)的丢点工具提示
- 用谷歌图表json数据绘制简单的折线图,日期在x轴上
- 如何在高图表中使用系列数据绘制折线图
- D3js:如何使用 JSON 数据绘制多系列折线图
- 当 ykey 值等于 0 且 xkey 为月时绘制折线图
- 绘制一个具有三个轴向的谷歌折线图
- 在 flot.js 中绘制折线图和条形图以获取 JSON 数据
- 使用Canvas清除并重新绘制折线图上的数据
- 用jquery绘制折线图来表示数据库值
- 将JSON文件加载到highcharts中以绘制折线图
- 如何使用Json文件绘制折线图
- 如何使用 d3.js 绘制折线图
- 我可以将此 JSON 提供给 D3 以绘制折线图吗?
- 使用数据库值动态绘制折线图