1、第一步,在HBuilder开发工具里,新建静态页面,默认的是HTML5页面模板,如下图所示:
2、第二步,在<body></body>标签元素内插入一个div,设置冷觋溪诠宽度、高度和id属性值,如下图所示:
3、第三步,在<title></title>标题标签下方引入jquer鲻戟缒男y和echarts核心js文件,如下图所示:
4、第四步,在jquery初始化函数内,引入图形容器对象,调用echarts.init()方法,如下图所示:
5、第五步,编写生成echarts仪表图的js代码,然后调用setOption()方法,如下图所示:
6、第六步,调用定时器函数,让其每隔2s钟改变一次仪表盘图的数据,如下图所示: