echarts 设置气泡随机颜色方法

 时间:2024-10-11 22:54:34

1、在已新建的页面文件中,引入jquery和echarts相关文件,并修改title标签内容

echarts 设置气泡随机颜色方法

2、在<body></body>标签中,插入一个div标签,并藜局腑载添加一个id属性,然后设置body和div标签的样式属性

echarts 设置气泡随机颜色方法

3、在script标签中,定义图形属性,然后设置图形属性,并绑定图形数据

echarts 设置气泡随机颜色方法
echarts 设置气泡随机颜色方法
echarts 设置气泡随机颜色方法

4、保存代码并运行文件,打开浏览器,可以查看到一个气泡图

echarts 设置气泡随机颜色方法

5、在jquery初始化函数外层,定义生成随机颜色的函数randomColor

echarts 设置气泡随机颜色方法

6、在itemStyle对象中,将具体的颜色改为randomColor()

echarts 设置气泡随机颜色方法

7、再次保存代码并刷新浏览器,可以发现气泡颜色发生了改变,每刷新一次,颜色就改变一次

echarts 设置气泡随机颜色方法
  • jquery,js判断字典中键值以及相关操作
  • C#如何编写一个创建SqlCommand对象的方法
  • JAVA环境配置总是出错,如何正确的配置
  • MyEclipse如何自定义创建mysql,oracle数据库
  • 如何使用phpMyAdmin创建视图
  • 热门搜索
    建国手抄报文字内容 国庆手抄报图片大全 六一手抄报内容简短 元宵节手抄报图片大全 快乐暑假手抄报 手抄报端午节 小学生四年级手抄报 抗病毒手抄报图片 关爱生命文明出行手抄报 小学生科普手抄报