从函数中将系列/数据添加到 highchart 甘特图
Add series / data to highchart gantt from function
我的系列是这样的:
series: [{
name: 'Test',
data: [{
start: Date.UTC(2017, 10, 18, 8, 20),
end: Date.UTC(2017, 10, 18, 11, 30),
name: 'One',
assignee: 'Username',
y: 0
},
{
start: Date.UTC(2017, 10, 18, 14, 20),
end: Date.UTC(2017, 10, 18, 16, 0),
name: 'Start prototype',
assignee: 'Username 2',
y: 0
}]
}],
我正在考虑沿着这些思路在甘特图中添加一个额外的事件:
var chart = $('#container').Highcharts;
newData = {
start: Date.UTC(2017, 10, 19, 18, 20),
end: Date.UTC(2017, 10, 19, 19, 30),
name: 'Nome cliente, Paese',
assignee: 'Username 3',
y: 1
}
chart.addSeries({
name: 'New',
data:newData
});
从函数插入新 data/series 的正确方法是什么?
我准备了一个演示,可以帮助您在项目中实现数据添加功能。
chart.addSeries({
data: [{
start: today + day * Math.floor(Math.random() + i),
end: today + day * Math.floor(Math.random() + i * 2),
name: 'test' + i,
}]
});
演示:https://jsfiddle.net/BlackLabel/ue2xg6o7/1/
API: https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries
如果您还有其他问题,请告诉我。
我的系列是这样的:
series: [{
name: 'Test',
data: [{
start: Date.UTC(2017, 10, 18, 8, 20),
end: Date.UTC(2017, 10, 18, 11, 30),
name: 'One',
assignee: 'Username',
y: 0
},
{
start: Date.UTC(2017, 10, 18, 14, 20),
end: Date.UTC(2017, 10, 18, 16, 0),
name: 'Start prototype',
assignee: 'Username 2',
y: 0
}]
}],
我正在考虑沿着这些思路在甘特图中添加一个额外的事件:
var chart = $('#container').Highcharts;
newData = {
start: Date.UTC(2017, 10, 19, 18, 20),
end: Date.UTC(2017, 10, 19, 19, 30),
name: 'Nome cliente, Paese',
assignee: 'Username 3',
y: 1
}
chart.addSeries({
name: 'New',
data:newData
});
从函数插入新 data/series 的正确方法是什么?
我准备了一个演示,可以帮助您在项目中实现数据添加功能。
chart.addSeries({
data: [{
start: today + day * Math.floor(Math.random() + i),
end: today + day * Math.floor(Math.random() + i * 2),
name: 'test' + i,
}]
});
演示:https://jsfiddle.net/BlackLabel/ue2xg6o7/1/
API: https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries
如果您还有其他问题,请告诉我。