echart水滴_echarts水球图编写

// 前提条件 需要引入这个插件

// 代码

let Chart = echarts.init(document.getElementById('Chart'));

let option = {

title: { // 水球图标题样式

text: '日',

left: 'center',

bottom: '10%',

textStyle: {

color: '#ffffff',

fontSize: 14

}

},

tooltip: {

show: true

},

series: [

{

name: '日',

type: 'liquidFill', // 水球图样式

center: ['50%', '45%'], // 水球图位置

amplitude: 3, // 波浪波动起伏大小

waveLength: '100%', // 波浪长度

color: ['#3399cc'], // 波浪颜色

backgroundStyle: {

color: '#ffffff', // 内部球背景颜色

borderWidth: 2, // 内部球边框宽度

borderColor: '#e3e3e3' // 内部球边框颜色

},

label:{

normal:{