标签归档:图表插件

JavaScript 动画折线图 带阴影 3D 效果

今天给大家带来一款比较简单清新的JavaScript动画折线图,折线图的数据区域带有阴影效果,因此整个图表看起来有着一点3D立体的视觉效果。另外,这个JS折线图并没有采用第三方的图表插件,这也各有利弊,好处在于不受庞大框架的束缚,修改灵活,但缺点也在于开发者如果想要其他类型的图表就需要再自己编写一套代码了。

javascript-3d-line-chart

在线演示源码下载

Vue.js折线图表插件 支持数据分组统计

这是一个基于vue.js的折线图表插件,它拥有折线图应该有的全部功能,包括数据更新、数据分组统计以及图表自适应等功能,使用起来十分方便。在插件使用方面,我们只需要在配置选项中设置x轴和y轴的数据范围定义,以及各自的单位。然后再定义每组数据,vue会帮你完成后续的图表生成,以及生成后的简单交互功能,应该说是非常实用了。

vue-js-bar-chart

在线演示源码下载

Echarts数据管理图表界面 多种图表使用示例

早些时候,我们给大家分享过一款基于Echarts的HTML5 Canvas中国地图,非常实用。这次我们继续给大家带来一些基于Echarts的数据管理图表界面,这个界面包含很多基于Echarts的图表示例,有柱形图、饼图和地图等。

echarts-data-graphic

在线演示源码下载