Javascript 如何在high chart中设置字段名?
我是海图的新手。我以前使用过剑道UI图表。在剑道中,我们可以告诉要在图表中绘制的字段名,如下所示:Javascript 如何在high chart中设置字段名?,javascript,highcharts,Javascript,Highcharts,我是海图的新手。我以前使用过剑道UI图表。在剑道中,我们可以告诉要在图表中绘制的字段名,如下所示: series: [{ name: "steps", field: "steps", categoryField: "createddate" }] dataSource: dSource 我们可以告诉数据源如下: series: [{ name: "steps", field: "steps", categoryField: "createdda
series: [{
name: "steps",
field: "steps",
categoryField: "createddate"
}]
dataSource: dSource
我们可以告诉数据源如下:
series: [{
name: "steps",
field: "steps",
categoryField: "createddate"
}]
dataSource: dSource
其中dSource是一个ajaxurl
我在教程中没有找到这样的东西。我的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轴上创建数据
如何使用它?您应该使用high charts数据格式--> 要使点可见,必须使用JSON(步骤和createddate)中的值设置x和y。 还需要解析日期(如date.UTC()) 因此,海图所需的结果是:
[{
"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
}]
您能显示您试图显示highcharts图形的代码吗?