如何在高位图表中设置字段名
how to set fieldnames in high chart?
我是高线图的新手。我以前用过剑道UI图表。在剑道中,我们可以告诉我们想要在图表中绘制的字段名称如下:
series: [{
name: "steps",
field: "steps",
categoryField: "createddate"
}]
我们可以告诉数据来源如下:
dataSource: dSource
其中dSource是AJAX URL。
我在教程里找不到这样的东西。我的JSON文件如下:
[{"ActivitySummaryKey":174000,
"id":"kkse2",
"activityscore":-,
"activitycalories":456,
"caloriesBMR":1017,
"caloriesOut":1412,
"distances":1.57828236,
"elevation":0,
"fairlyActiveminutes":34,
"floors":0,
"lightlyActiveMinutes":28,
"marginalCalories":334,
"sedentaryMinutes":827,
"steps":5077,
"veryActiveMinutes":26,
"trackersteps":0,
"trackerdistances":0,
"trackerfloors":0,
"trackerelevation":0,
"trackerActivityCalories":0,
"trackerCaloriesOut":0,
"trackerMinutesSedentary":0,
"trackerminutesLightlyActive":0,
"trackerminutesFairlyActive":0,
"trackerminutesVeryActive":0,
"createddate":"9/17/2014 12:00:00 AM",
"distanceunit":"Miles"
}]
我想在y轴上绘制步骤,在x轴上创建日期。
如何处理它?
您应该使用高级图表数据格式-->series.data.
为了使点可见,必须使用JSON中的值设置x和y(steps和createddate)。此外,您还需要解析日期(如date.UTC())。
因此,Highcharts需要的结果是:
[{
"ActivitySummaryKey":174000,
"id":"kkse2",
"activityscore":-,
"activitycalories":456,
"caloriesBMR":1017,
"caloriesOut":1412,
"distances":1.57828236,
"elevation":0,
"fairlyActiveminutes":34,
"floors":0,
"lightlyActiveMinutes":28,
"marginalCalories":334,
"sedentaryMinutes":827,
"steps":5077,
"veryActiveMinutes":26,
"trackersteps":0,
"trackerdistances":0,
"trackerfloors":0,
"trackerelevation":0,
"trackerActivityCalories":0,
"trackerCaloriesOut":0,
"trackerMinutesSedentary":0,
"trackerminutesLightlyActive":0,
"trackerminutesFairlyActive":0,
"trackerminutesVeryActive":0,
"createddate":"9/17/2014 12:00:00 AM",
"distanceunit":"Miles",
"x": 1410904800000, // timestamp in ms for Highcharts, extracted from "createdate"
"y": 5077 // y-value for Highcharts
}]
相关文章:
- 而循环只设置php中输入字段中的第一个值
- Extjs图表:动态设置字段
- 正在设置字段和'带有'陈述
- mailto:未在 GroupWise 8 消息中正确设置字段
- JavaScripts,AJAX,PHP:获取json字符串后无法设置字段值
- 使用 JQuery 重新设置字段值
- jQuery - 在通过加载函数加载操作页面时在操作页面中设置字段值
- 如何在高位图表中设置字段名
- 在Lotus Notes Web窗体中设置字段的JavaScript
- 从内部对象javascript设置字段值
- 如何在像这样的javascript对象中设置字段
- 是否有一种方法可以更新或设置字段,就像upsert对文档所做的那样
- 设置字段在不同的框架从javascript
- javascript:设置字段值并提交表单
- React Redux-如何在应用程序状态中设置字段
- 在 extjs 或 getCount() 的存储中动态设置字段在模型中给出 0
- CRM 2011 onChange 事件处理程序在 JavaScript 设置字段时未触发
- 我如何使用javascript在输入选择(HTML)中设置字段
- 如何设置字段的需求级别
- 我设置字段值w/ javascript, onchange未触发.可选择的解决方案