如何在html里使用echarts

 时间:2024-10-12 11:21:56

1、在浏览器中打开echarts官网,点击下载进入下载页面

如何在html里使用echarts如何在html里使用echarts

2、这里我们可以选择方法三进行下载

如何在html里使用echarts

3、选择要打包的图表,坐标系和组件,然后点击下载

如何在html里使用echarts如何在html里使用echarts如何在html里使用echarts

4、在代码编辑器中新建test.html,并在页面头部引入echarts,并在body标签里新建一个div

如何在html里使用echarts

5、在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);

如何在html里使用echarts

6、在浏览器中打开test.html,会在页面里看到柱状图

如何在html里使用echarts

7、echarts的更多使用方法可以查看官方文档

如何在html里使用echarts
  • js怎么通过class获取元素
  • 如何下载旧版本的eclipse?
  • 怎么让html里的js脚本延迟5秒运行?
  • 怎么下载standard.jar
  • 如何在Typora中插入一个图像
  • 热门搜索
    胖头鱼怎么做好吃 快递丢了怎么赔偿 斜刘海怎么剪 羊肚怎么洗 鼻子痒是怎么回事 佚名怎么读 五笔怎么打字 米粉怎么吃 雪佛兰迈锐宝怎么样 皮衣怎么洗