- 水滴球型图
注意:需要引用 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