4. outline：配置外边框的样式，包括颜色、宽度等。5. backgroundStyle：配置水球图的背景样式，包括颜色、阴影等。6. itemStyle：配置水球图的填充样式，包括渐变色、透明度等。7. emphasis：配置高亮状态下的样式，包括高亮时的颜色、边框样式等。8. animationType：配置动画类型，可以设置为放大缩小、渐变等效果。9....
添加一个水球图组件 设置根据需求设置颜色渐变 把外框颜色和文字颜色透明度改为0 处理一张这样的背景图出来 大屏中添加图片组件 然后选中图片组件,上传下载好的背景图,文字参考(文字样式配置)翻牌器参考(翻牌器样式配置)
水球图完整配置 {"backgroundColor":"#fff","title":{"show":true,"text":"水球图","textStyle":{"color":"#666","fontWeight":"800","fontFamily":"Microsoft YaHei,PingFang SC Regular","fontSize":14},"left":0,"top":0},"tooltip":{"show":false,"textStyle":{"fontSize":12,"color"...
每个属性都给了一个默认值,这样即使引入水球图组件不传属性时也能展示一个默认的水球图图表 data(){return{option:null,chart:null};},props:{data:{type:Number,default:0.52},colors:{type:Array,default:()=>['rgba(14, 71, 120, 1)','rgba(58, 160, 235, 1)','rgba(107, 211, 253, 1)']}...
name: '多个水球图', data: { columns: ['city', 'percent'], rows: [{ @@ -43,48 +44,50 @@ export default { percent: 0.4 }, { city: '成都', percent: 0.7 percent: 0.9 }] }, settings: { seriesMap: { '上海': { wave: [0.5, 0.3, 0.1], wave: [[0.5, 0.3, 0.1], [...
"title": { "text": 0, "textStyle": { "fontSize": 38, "fontWeight": "normal", "color": "rgba(255,215,172,1)" }, "x": "center", "y": "20" }, "series": [ { "type": "liquidFill", "waveAnimation": 15, "amplitude": 10, ...
此图表由迪赛智慧数可视化平台制作,使用了【水球图】【文本】【图片】组件,其中水球图可实现动态炫酷展示。无论您的数据是静态还是动态、分散还是集中、标准还是无序,只要您有数据,迪赛智慧数都可以零开发、简单配置实现炫酷互动的数据可视化大屏应用,欢迎您来体验并使用。
记得配置项要配置在data里,如下链接所示,不然水波出不来(虽然在echarts的示例里没问题,但放在vue里就出不来水波,不知为何)https://www.cnblogs...