Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在high chart中设置字段名?_Javascript_Highcharts - Fatal编程技术网

Javascript 如何在high chart中设置字段名?

Javascript 如何在high chart中设置字段名?,javascript,highcharts,Javascript,Highcharts,我是海图的新手。我以前使用过剑道UI图表。在剑道中,我们可以告诉要在图表中绘制的字段名,如下所示: series: [{ name: "steps", field: "steps", categoryField: "createddate" }] dataSource: dSource 我们可以告诉数据源如下: series: [{ name: "steps", field: "steps", categoryField: "createdda

我是海图的新手。我以前使用过剑道UI图表。在剑道中,我们可以告诉要在图表中绘制的字段名,如下所示:

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图形的代码吗?