1、打开HBuilderX工具,新建一个We水瑞侮瑜b项目,使用默认的模板,并将echarts相关文件拷贝到指定文件夹下
2、打开index.html文件,引入jquery文件和echarts核心文件
3、在<body></body>标签中,插入一个div标签,设置id属性和样式属性
4、在div标签下方添加script标签,调用echarts方法初始化图形,并绑定数据源
5、保存代码并运行项目,打开浏览器预览图形效果,发现散点图的点没有动画效果
6、返回到代码胆咣骜岱编辑器,将type属性值改为effectScatter,并添加tooltip、xAxis和yAxis
7、再次保存代码并刷新浏览器,可以看到散点图的点会一闪一闪,鼠标移上去还有提示框