![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 326 CSS
如何在html里使用echarts
来源：互联网
2023-03-16 19:16:26 版权归原作者所有，如有侵权，请联系我们
在网页中使用echarts可以让页面变得更丰富，今天小编给大家讲解下如何在html里使用echarts
工具/原料
- 代码编辑器（本文用的HBuilder）
- css html
- echarts
方法/步骤
在浏览器中打开echarts官网，点击下载进入下载页面
这里我们可以选择方法三进行下载
选择要打包的图表，坐标系和组件，然后点击下载
在代码编辑器中新建test.html，并在页面头部引入echarts，并在body标签里新建一个div
在script标签里面加上以下代码：
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("test"));
// 指定图表的配置项和数据
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在浏览器中打开test.html，会在页面里看到柱状图
echarts的更多使用方法可以查看官方文档
注意事项
- 文章中为了讲解方便下载了完整的echarts,如果需要可联系作者
- 如果帮助到您，给个赞哦~
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：HTML+CSS写三角形 下一篇：css如何设置表格中单元格的大小
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 476 CSS
- 详细阅读
