jQuery折线图表插件
jQuery 的折线图表，真的是前端可视化里的老朋友了。
用jQuery搞折线图，最大的优点就是——上手快，样式好改，和后台数据接口联动也挺方便。像展示销售数据、用户活跃趋势这种场景，它就合适。
GooCurveChart这样的插件 API 设计也比较直观，一行代码就能把图表跑起来。你只要准备好数据，指定下width、height、colors这些参数，效果就出来了。比如：
$('#chartContainer').GooCurveChart({
data: [{x:1, y:10}, {x:2, y:20}],
width: 600,
height: 400,
colors: ['#ff0000']
});图表还能动态更新数据，比如你从接口拉新数据，调用更新方法，图就自动刷新了。交互功能也蛮多的，鼠标悬停能看到提示框，点一下还能触发事件，挺适合做数据仪表盘。
而且它是响应式设计，手机和平板上表现也还不错。结合Bootstrap或者Vue.js一起用，布局起来更灵活。
对了，如果你还想了解更多可视化方式，可以看看HTML5/CSS3 的数据可视化或者js 折线图实现这些资源。
如果你正打算给项目加点图表，想要快点搞定，那 jQuery 折线图绝对值得试试。
文件大小：31.86KB
评论区