在echarts中,可以绘制不同类型的图形,如柱状图、折线图、面积图、气泡图。那么水貔藻疽,如何设置气泡图的气泡随机颜色?
工具/原料
echarts
jquery
JavaScript
HTML5
CSS3
HBuilderX
截图工具
WPS
浏览器
方法/步骤
1、在已新建的页面文件中,引入jquery和echarts相关文件,并修改title标签内容
2、在<body></body>标签中,插入一个div标签,并藜局腑载添加一个id属性,然后设置body和div标签的样式属性
3、在script标签中,定义图形属性,然后设置图形属性,并绑定图形数据
4、保存代码并运行文件,打开浏览器,可以查看到一个气泡图
5、在jquery初始化函数外层,定义生成随机颜色的函数randomColor
6、在itemStyle对象中,将具体的颜色改为randomColor()
7、再次保存代码并刷新浏览器,可以发现气泡颜色发生了改变,每刷新一次,颜色就改变一次