DimpleJS - 如何制作图形动画并下载图形

DimpleJS - how to animate graph and download the graph

本文关键字:图形 动画 下载 何制作 DimpleJS      更新时间:2023-09-26

我有一些DimpleJS图(折线图,饼图,条形图等)。如何:

  1. 为图形绘制添加动画效果 - 我看到的大多数 D3 示例都出现在用户眼前,即您可以看到条形图的高度增加、时间线的绘制等。如何在 DimpleJS 中做到这一点?我尝试了故事板,但这似乎不起作用。
  2. 如何为用户提供下载图表的选项(如 jpg/png/excel 等)?

提前感谢!

  1. 调用 chart.draw 时,请为第一个参数提供一个数字,表示要转换的毫秒数。它默认为 0,因此默认情况下没有过渡。

  2. 这不是 Dimple 或 D3 原生提供的东西。您还可以查看其他库,它们提供了一些功能,例如此博客文章引用的库(并在中详细介绍 http://spin.atomicobject.com/2014/01/21/convert-svg-to-png/):