highcharts 气泡图大小设置

2025-04-24 20:08:02

1、打开HBuilderX工具,新建页面文件,并引入highcharts核心文件

highcharts 气泡图大小设置

2、在<body></body>标签中,插入一个div标签,并豹肉钕舞设置div标签的id属性

highcharts 气泡图大小设置

3、在div标签下方,添加一个script,并初始化气泡图

highcharts 气泡图大小设置

4、保存代码并运行页面文件,预览图形,结果出现了报错;再添加对应js文件

highcharts 气泡图大小设置

5、在jQuery初始化函数中,定义气泡图并绑定数据源

highcharts 气泡图大小设置

6、再次保存代码并刷新浏览器,可以查看到气泡图效果

highcharts 气泡图大小设置

7、返回到HBuilderX工具,添加属性bubble,设置minSize和maxSize属性

highcharts 气泡图大小设置
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢