怎么使用echarts制作柱状图

 时间:2024-10-13 07:05:38

1、首先打开Hbuilder,将下载的echarts.js导入,新建网页文件

怎么使用echarts制作柱状图

2、写入标题,导入echarts.js文件

怎么使用echarts制作柱状图

3、创建一个div,并取id名称,名称可以随意,我使用id="chart"

怎么使用echarts制作柱状图

4、对div设置属性,包括大小和边框及颜色的设置

怎么使用echarts制作柱状图怎么使用echarts制作柱状图

5、基于准备好的dom,初始化echarts,首先获取div的dom节点

怎么使用echarts制作柱状图

6、创建变量指定图标的配置项和数据,包括标题和横坐标示例和数据

怎么使用echarts制作柱状图

7、对初始化的数据在图中的节点上显示myCharts.setOption(option);

怎么使用echarts制作柱状图怎么使用echarts制作柱状图
  • sqlite怎么创建表
  • Mysql启动时出现错误号码2003无法连接数据库?
  • intellij idea如何查看类的方法大纲
  • PyCharm中找不到第三方库的解决
  • anaconda使用教程
  • 热门搜索
    怎么煎牛排 我的世界钻石怎么挖 好太太油烟机怎么样 多宝鱼怎么杀 子宫囊肿怎么治疗 荔枝吃多了会怎么样 粉扑怎么清洗 怎么吹口哨 法语你好怎么说 扁桃体发炎怎么办