Json Highcharts动态添加系列
我想添加一些系列(我从Web服务中以3dim数组的形式获取系列数据(并以json的形式返回)-我不知道将获得的系列数量,因此我必须动态加载系列数据) 在javascript中,我正在构建一个对象:(如highstock示例:) 我试图添加如下系列:Json Highcharts动态添加系列,json,charts,highcharts,highstock,Json,Charts,Highcharts,Highstock,我想添加一些系列(我从Web服务中以3dim数组的形式获取系列数据(并以json的形式返回)-我不知道将获得的系列数量,因此我必须动态加载系列数据) 在javascript中,我正在构建一个对象:(如highstock示例:) 我试图添加如下系列: $.each(seriesOptions, function (itemNo, item) { chart.addSeries({ name: item.name,
$.each(seriesOptions, function (itemNo, item) {
chart.addSeries({
name: item.name,
data: item.data
}, false);
});
chart.redraw();
但是图表绘制的序列有点奇怪,没有转换为时间戳到日期。我的Web服务图表数据有问题吗 这是我的密码: 谢谢你到目前为止的帮助 编辑
图表似乎忽略了时间线/缩放值的所有默认值。 我不知道为什么它不显示这些组件。
问题可能是,我在初始化后绘制图表
chart = new Highcharts.Chart(options);
但我必须这样做,因为动态系列加载
EDIT2我不确定我是否加载了太多数据或其他东西。我无法动态创建我的系列
for(i=0; i<seriesOptions.length; i++){
chart.addSeries({
name: seriesOptions[i].name,
data: seriesOptions[i].data
}, true);
};
for(i=0;i为您的yAxis设置:
yAxis: {
type: 'datetime'
}
看
编辑:
时间轴/缩放
编辑:
当图表准备就绪时,使用回调添加系列。但是,为什么不在创建图表时添加这些系列呢
chart = new Highcharts.Chart(options, function(ch) {
$.each(seriesOptions, function (itemNo, item) {
ch.addSeries({
name: item.name,
data: item.data
}, false);
});
chart.redraw();
});
你可以添加到你的JSFIDLE样本数据中吗?3dim数组和js对象的样本数据:从这里看起来很奇怪:我知道-我使用的数据比你多,但是idk为什么我的图表绘制的是直线,没有时间线/缩放值,以及哪个时间线/缩放?为什么你认为这是以错误的方式呈现的?也许你想要Highstock图表-在这种情况下…请参阅Sebastian的编辑:)问题是:我想动态添加该系列(请参阅我文章中的编辑)这意味着序列的数量取决于webservice返回的数据。我想用for/foreach添加数据。
chart = new Highcharts.Chart(options, function(ch) {
$.each(seriesOptions, function (itemNo, item) {
ch.addSeries({
name: item.name,
data: item.data
}, false);
});
chart.redraw();
});