D3 / C3 -动画数据选择和悬停

D3 / C3 - animate data selection and hover?

本文关键字：选择 悬停 数据 动画 C3 D3      更新时间：2023-09-26

C3js自带的动画很棒，我想从图例中安排'系列选择'。

是否可以在没有选择序列的情况下加载图形，然后依次加载每个序列?

我要的动画是:1. 图形加载空白2. 选择系列1(例如:"已处理订单")3.选择系列2

我已经尝试过用C3"过渡"方法增量加载数据，但是动画的吸引力更小，我们可以说，管理吸引力。

transition: {
    duration: 1500
},

任何建议感谢!

这里的

JSFiddle

明白了!

C3js有以下图表级别的功能:

// toggle enabled or disabled    
chart.toggle('chart series name');
// set focus
chart.focus('chart series name');
// reset chart
chart.revert();

JSFiddle更新为演示(需要点击运行来查看它做的事情)

相关文章：