search

ecomfe / echarts-liquidfill

Liquid Fill Chart for Apache ECharts
https://ecomfe.github.io/echarts-liquidfill/example/
BSD 3-Clause "New" or "Revised" License
1.47k stars 620 forks source link

水球外的阴影怎么去掉求助 #159

Closed mcx1230 closed 2 years ago

mcx1230 commented 2 years ago

echarts@^5.0.1 echarts-liquidfill@3.1.0

series: [{ type: 'liquidFill', radius: '190', emphasis: {itemStyle: {opacity: 0.2}}, backgroundStyle: {color: 'transparent'}, data: [0.5], color: [{type: 'linear', x: 0, y: 1, x2: 0, y2: 0, colorStops: [{offset: 1, color: ['#6a7feb']}, {offset: 0.5, color: ['#27e5f1']}]}], outline: {borderDistance: 0, itemStyle: {borderColor: '#8EC0F0', borderWidth: 4}} }]

(http://gallery.echartsjs.com/editor.html?c=xr1XplzB4e) 已经无法打开

图片

如上图所示，球的外围有明显的阴影

mcx1230 commented 2 years ago

不劳专家出手了，自己解决了

xuepengdong commented 5 months ago

echarts@^5.0.1 echarts-liquidfill@3.1.0

系列：[{ 类型：'liquidFill'，半径：'190'，强调：{itemStyle：{不透明度：0.2}}，背景样式：{颜色：'透明'}，数据：[0.5]， 颜色：[{类型： '线性', x: 0, y: 1, x2: 0, y2: 0, colorStops: [{偏移量: 1, 颜色: ['#6a7feb']}, {偏移量: 0.5, 颜色: ['#27e5f1' ]}]}]， 大纲：{borderDistance：0，itemStyle：{borderColor：'#8EC0F0'，borderWidth：4}} }]

( http://gallery.echartsjs.com/editor.html?c=xr1XplzB4e ) 已经无法打开

图片

如上图所示，球的外部有明显的阴影

麻烦问一下，怎么解决的呢？我现在也遇到这个问题