Line chart的使用及必要参数是什么

发布时间:2021-12-13 19:07:16 作者:柒染
来源:亿速云 阅读:159

这篇文章将为大家详细讲解有关Line chart的使用及必要参数是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

Web前端做月度销售额的走势图时,Chartjs是一个不错的选择,展示效果令人满意,使用方法也很简单。

展示效果如下:

Line chart的使用及必要参数是什么

数据如下:

Line chart的使用及必要参数是什么

01
第一步、获取数据  

Line chart的使用及必要参数是什么

02
第二步、在页面上创建Line Chart  

<div class="chart">
<!-- Sales Chart Canvas -->
<canvas id="salesChart" href="${ctx}/seller/datableGoodAmountByLastMonths" ></canvas>
</div>

通过赋值href把获取数据的url传递给chartjs。

设置linechart的参数,关键参数我已中文注解。

Line chart的使用及必要参数是什么

03
第三步,将数据赋值给linechart  

Line chart的使用及必要参数是什么

关于Line chart的使用及必要参数是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. line-height学习与总结
  2. CSS中line-height是什么意思

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

上一篇:JSBinding + SharpKit怎样编译Cs 成 Js

下一篇:瀑布流插件sortableJs是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》