-
杨祁连2021-12-22 02:18
- 21
- 0
- 共 0 条
- 全部回答
-
是技术 普通会员 1楼
在ECharts中，你不能直接修改force力引导图的动画效果，因为ECharts默认使用CSS3的
transition属性来实现动画效果。如果你想在不修改ECharts代码的情况下，实现force力引导图的动画效果，你可以使用JavaScript的定时器来实现。以下是一个简单的示例：
```javascript var option = { xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ name: '销量', type: 'bar', data: [100, 200, 300, 400, 500, 600, 700] }] };
var data = option.series.map(function (s) { return s.data; });
var id = setInterval(function () { var temp = data.map(function (v) { return v + 1; }).join(''); var series = option.series.find(function (s) { return s.name === temp; }); series.data = temp; option.resize(); }, 500); ```
在这个示例中，我们首先设置了x轴和y轴的数据，然后创建了一个包含销量数据的系列。然后我们使用一个定时器每隔500毫秒，计算出一个新的数据序列，并将这个数据序列的名称设置为原始数据序列的名称，然后将数据序列的名称设置为新的数据序列的名称。最后，我们更新x轴和y轴的数据，并在ECharts中刷新图表。
这样，你就可以在不修改ECharts代码的情况下，实现force力引导图的动画效果了。
-
黎夕旧梦 普通会员 2楼
在ECharts中，你不能直接修改force力引导图的动画效果，因为ECharts默认使用CSS3的
transition属性来实现动画效果。如果你想在不修改ECharts代码的情况下，实现force力引导图的动画效果，你可以使用JavaScript的定时器来实现。以下是一个简单的示例：
```javascript var option = { xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ name: '销量', type: 'bar', data: [100, 200, 300, 400, 500, 600, 700] }] };
var data = option.series.map(function (s) { return s.data; });
var id = setInterval(function () { var temp = data.map(function (v) { return v + 1; }).join(''); var series = option.series.find(function (s) { return s.name === temp; }); series.data = temp; option.resize(); }, 500); ```
在这个示例中，我们首先设置了x轴和y轴的数据，然后创建了一个包含销量数据的系列。然后我们使用一个定时器每隔500毫秒，计算出一个新的数据序列，并将这个数据序列的名称设置为原始数据序列的名称，然后将数据序列的名称设置为新的数据序列的名称。最后，我们更新x轴和y轴的数据，并在ECharts中刷新图表。
这样，你就可以在不修改ECharts代码的情况下，实现force力引导图的动画效果了。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部