echarts-liquidfill 水球显示小数点

使用echarts-liquidfill.js的水球，水球上显示的文字可以使用chartOption.series[0].label.normal.formatter设置，想显示什么显示什么。

var chartOption = {title: {subtext: '',
subtextStyle: {fontSize : 14,
fontFamily:'serif',
color: '#ffffff'
},
top: '80%',
textAlign: 'center',
left: '50%'
},
series: [{color: ['#86FDFD'],
type: 'liquidFill',
waveAnimation: false,//是否流动水球
animation: false,
radius: '55%',
waveLength: '80%',//波长
waveHeight: '60',//波长
amplitude: '8%',//振幅
outline: {show: true,
borderDistance: 4,
itemStyle: {color: '#14297b',
borderColor: '#86FDFD',
borderWidth: 7
}
},
backgroundStyle: {color: '#14297b'
},
label: {normal: {formatter:"34.34%",//水球上显示文字，可以设置任意文字
show: true,
textStyle: {color:'#ffffff',
fontSize: '22',
fontFamily:'serif',
fontWeight: '100'
}
}
},
data: [0.34]
}]
};

echarts-liquidfill 水球显示小数点相关推荐

ECharts之水球图
效果图背景图片下载 npm install echarts --save npm install echarts-liquidfill --save 引入并注册在 main.js 文件里 ...
JS实现每隔几个字符添加字符(串)：实现每间隔10个字就换行一次，多用于echarts横坐标的显示文本拥挤换行；实现间隔8个字符就添加❤❤
//最直接一行代码搞定---------------------------------------- '实现每间隔10个字就换行一次,多用于echarts横坐标的显示文本'.replace(/(.{ ...
django+echarts+ajax异步+显示优化--基本例子
django+echarts+ajax异步+显示优化--基本例子 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 2 ...
小程序开发华为P20、voiv下Echarts图表不显示数据、坐标轴等问题
背景:小程序开发 BUG:华为P20.viov手机系统下Echarts图表不显示数据.坐标轴等问题.如下图: 解决方案:WXML中使用的ec-canvas标签加入属性force-use-old-can ...
echarts饼图直观显示数值最实用的方式
默认:echarts饼图直接显示数值(如图无需光标悬空触发) var optionOne = { title : { text ...
Echarts图表不显示
Echarts图表不显示 div标签的style属性设置有问题 <div id="chart-user" style="width:500px; height:50 ...
echarts柱状图自定义显示内容
echarts柱状图自定义显示内容基础搭建基础搭建 1.引入js <script src="js/echarts.min.js"></script> 2 ...
echarts 图表不显示数据，显示了一个表情
echarts图表不显示数据,显示了一个表情背景描述使用echarts进行数据统计和展示,但是在使用过程中,发现图表并没有成功绘制,而是只显示了一个表情如下图原因: 图表的div宽度太宽了,di ...
echarts地图不显示图例
如果你的 echarts 地图不显示图例,可能是以下几个原因导致的: 没有启用图例.在配置项中,可以使用 legend.show 属性来控制是否显示图例.如果将其设置为 false,则不会显示图例. ...

echarts-liquidfill 水球显示小数点

echarts-liquidfill 水球显示小数点相关推荐

最新文章

热门文章