【数据可视化】JS-chart.js笔记【草稿】

首先感谢我们的学习对象来源：【小马技术】Chart.js 画图入门

作者的gitee：https://gitee.com/komavideo

作者的官网：komavideo.com

---

好了开始我们的三步走，是什么怎么样和为什么

一、是什么？

chart.js是JS的第三方图表库。

在使用的时候可以向下面这样，因为是笔记，我这里直接使用小马老师的代码。大家想看完整代码，可以去上面的链接。

<--!--引入js文件-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>


<--!--html部分
省略了其他head，body等部分-->

 <canvas id="myChart">
        图表区
    </canvas>

<script>

//可以看到这个语法结构：
//1.获取html的画图区域，
//2.新建Chart对象，参数2个：myChart画图区域，图形的数据
//3.图形的数据是
var ctx = document.getElementById('myChart').getContext('2d');
            var chart = new Chart(ctx, {
                type: type,
                data: data,                
                options: options,})

</script>

二、怎么样？

三、为什么？

因为是工具级别，所以，char.js的原理咱们不聊了，我也不懂啊。会用就行！拜！

---