在一个高图表中添加两个 json 数据系列
Add two json data series in one highchart
我正在使用高图表时间序列,我需要添加另一个从不同的json文件/链接填充的数据系列,这可能吗?
这是我的代码:
$(function () {
$.getJSON('myfirstjson', function (data) {
mydata = [];
$('#tvmtgm').highcharts({
chart: {
zoomType: 'x'
},
title: {
text: 'TVM/TGM'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats : {
hour: '%I %p',
minute: '%I:%M %p'
}
},
yAxis: {
title: {
text: 'Moves'
}
},
legend: {
enabled: false
},
plotOptions: {
area: {
fillColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
},
marker: {
radius: 2
},
lineWidth: 1,
states: {
hover: {
lineWidth: 1
}
},
threshold: null
}
},
series: [{
type: 'area',
name: 'Total vessel moves',
data: data
}
]
});
});
});
highcharts网站上有示例,但它们都是静态数据系列,我需要从json请求填充两个数据序列
是的,你可以。当然,我希望我理解你的问题。
此链接显示如何添加多个 y 轴。至于获取数据。 $.when
应该帮助你。
var data1, data2;
$.when(
$.getJSON(onurl1, function(data) {
data1 = data;
}),
$.getJSON(onurl2, function(data) {
data2= data;
})
).then(function() {
//use data1 and data2
});
相关文章:
- 如何使用 node.js 比较两个 json 数组
- 将两个Json提要合并为一个,并按时间排序
- 如何使用jQuery合并两个json对象
- '对象不是函数'当使用angular连接两个json数组时
- 是否有任何功能可以合并两个JSON数据集并替换旧信息?(节点.JS)
- 如何将两个json对象合并为一个json
- AngularJS:用两个JSON数组填充复选框列表,最初检查了一个数组中的一些项
- 如何从.ajax调用返回两个JSON数组
- 通过比较另外两个json对象来创建json对象
- 在不使用jQuery的情况下连接两个JSON对象
- 两个 JSON 请求的列表
- Angularjs - 组合两个 json 对象
- JavaScript 中通过公共属性“交叉”两个 JSON 对象数组的最佳方式
- 比较来自输入 AngularJS 的两个 JSON 对象
- 比较两个JSON数组并重新排列新的JSON数组格式
- 如何从两个 JSON 数组获取增量
- 遍历两个 JSON 数组 Ajax
- 同时在窗体中显示两个 JSON 值
- Javascript:根据其他字段合并两个JSON
- 如何合并两个 JSON 文件,然后检索它