Highcharts 海图动画系列节目上映
我想用一个动画来显示/隐藏图表系列,就像初始动画一样,这意味着如果Highcharts 海图动画系列节目上映,highcharts,highstock,Highcharts,Highstock,我想用一个动画来显示/隐藏图表系列,就像初始动画一样,这意味着如果 $(function () { $('#container').highcharts({ series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }, {
$(function () {
$('#container').highcharts({
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}, {
data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]
}]
});
// the button action
var chart = $('#container').highcharts(),
$button = $('#button');
$button.click(function() {
var series = chart.series[0];
if (series.visible) {
series.hide();
$button.html('Show series');
} else {
series.show();
$button.html('Hide series');
}
});
});
我单击“隐藏/显示”,在“显示”中,该系列应该像初始动画一样从左到右进行动画构建
这可能吗?不支持。您可以通过删除并重新添加该系列来尝试获得所需的结果,请参见:
它不受支持。您可以通过删除并重新添加该系列来尝试获得所需的结果,请参见:
这对我来说非常好,只需要再写一点代码。谢谢这对我来说太棒了,只需要再写一点代码。谢谢
// the button action
var flag = true;
var chart = $('#container').highcharts(),
$button = $('#button');
$button.click(function() {
var series = chart.get('1st');
if (flag) {
series.remove();
$button.html('Show series');
} else {
chart.addSeries({
id: '1st',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
});
$button.html('Hide series');
}
flag = !flag;
});