我们如何用复杂的json数据实现高图表
How can we achieve high chart with complex json data?
如果我们有如下复杂的Json数据:
[{
"type":"a",
"Key1":25,
"Key2":100,
"Key3":105,
"value": [{"Key100":50,
"Key200":0,
"Key300":10,}]
},
{
"type":"b",
"Key1":60,
"Key2":400,
"Key3":150,
"value": [{"Key100":30,
"Key200":30,
"Key300":0,}]
},
{
"type":"c",
"Key1":35,
"Key2":80,
"Key3":85,
"value": [{"Key100":55,
"Key200":50,
"Key300":60,}]
}]
我对上述数据进行了基于"类型"的分组,并尝试使用高图实现柱状图。
但仍然无法实现基于此数据的图形。
我们可以通过highchart可以理解的转换数据来显示复杂的JSON数据。
为了将数据表示为highchart,我们需要将数据转换为数据数组中的点配置。请遵循这个Highchart (THE DATA IN A SERIES)了解Highchart系列的概念。
相关文章:
- 在页面上记录数据并实现pushstate()的最佳方式
- 二进制数据的可移植hashCode实现
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- DataTable-如何实现嵌套的数据表
- 如何实现数据()的非jQuery版本
- 如何在网站上实现一个按钮,允许用户将生成的数组数据保存为ASCII文件
- 使用 KendoUI 网格小部件使用本地数据实现 CRUD 函数
- HTMLUnit是否包括一个功能性的[HTML5]画布2D实现,能够将图像数据渲染回Java代码
- 使用 Json 数据源在数据表中实现复选框选择
- 如何在角度图中实现这些数据.js
- 在包含 JSON 数据的表中实现无限滚动
- 数据表正则表达式搜索无法按预期工作以实现完全匹配
- 通过使用 json 和 javascript 实现数据可视化
- 未捕获的异常:每个数据元素都必须实现一个唯一的“id”属性slick.dataview.js
- Node.js在返回数据之前返回null的函数/实现回调
- 如何使用来自2个数组的数据实现D3折线图的工具提示
- Highcharts:在数据实现时更新图表
- 当我为来自服务器的数据实现了更多的angular js代码时,Carousel停止了工作
- 我们如何用复杂的json数据实现高图表
- 如何用动态HTML数据实现更多或更少的功能