本文介绍如何利用Echarts的水滴填充插件（echarts-liquidfill.js）来实现水滴球型图的绘制，强调了在图表制作中引入相关库文件的重要性。
- 水滴球型图
注意：需要引用 echarts-liquidfill.js文件。
eg:
html 文件头部需要引用js文件如下。
<script src="js/jquery.js"></script>
<script src="js/echarts.js"></script>
<script src="js/echarts-liquidfill.js"></script> //水滴球特需的js
<body>
<div id="liqu" style="width:200px;height:200px"></div>
</body>
//这是一个jq方法，调用即可。
function fnEchartsQuli() {
var ChartLiqu = echarts.init(document.getElementById('liqu'));//初始化图形的容器
option = {
backgroundColor: '#0a1d38',//水滴球的外部背景色
series: [{
type: 'liquidFill',//类型 eg: map、bar、line.. 代表不同类型的图表
name: '实时流量',//球中心出现的字
radius: '90%',//球的大小百分比 或者数字 eg:100或者100px 数字默认px
data: [0.2], //数据 可以是数组,一个数对应一条波浪线
outline: {
sho
最低0.47元/天 解锁文章
1398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
