Comments (4)
还是可以渐变的,只不过需要调整一下参数:
![](https://private-user-images.githubusercontent.com/49330279/286803319-2ac535dd-4cf0-430a-9aa7-b6e622e3cec6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTcwODkzMTcsIm5iZiI6MTcxNzA4OTAxNywicGF0aCI6Ii80OTMzMDI3OS8yODY4MDMzMTktMmFjNTM1ZGQtNGNmMC00MzBhLTlhYTctYjZlNjIyZTNjZWM2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTMwVDE3MTAxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM1NWQ3NWYxNDk2ZjlkYzFkN2UzMDllNjI0NWFjYzQxNjQwYjJkM2QyYjg0MjZjNTUxMGM4NTJiMjZlMzE4NzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.m6XlPx7fVag-7cbQGKEr9d-tcte7gMqKE053LW9SP-Q)
import { Liquid } from '@antv/g2plot';
const liquidPlot = new Liquid('container', {
percent: 0.25,
outline: {
border: 4,
distance: 8,
},
wave: {
count: 8,
length: 128,
},
liquidStyle: {
fill: 'l(180) 0.2:#ff0000 0.8:#61a8ff',
stroke:
'l(90) 0.01:#61a8ff 0.82:rgba(28, 129, 255, 0) 0.08:rgba(28, 129, 255, 0.75)',
show: true,
shadowColor: '#1c47ff',
shadowBlur: 36,
shadowOffsetX: 0,
shadowOffsetY: 0,
},
});
liquidPlot.render();
from g2plot.
你给我的,和我给你的fill颜色不一样呀。我的fill是: l(180) 0:#B4EC51 1:#429321
from g2plot.
from g2plot.
@97702573 你自己调整一下 #B4EC5 和 #429321 前面的数值
from g2plot.
Related Issues (20)
- 🐛 [BUG] 条形图设置圆角无效
- 🤔 [QUESTION] Where I can see list of built-in interactions ?
- 🐛 [BUG] 条形图负值较大时和y轴文字重叠
- 🐛 [BUG]官网多图表联动bug
- 🤔 [QUESTION]多图表tooltip x轴的相同时间值联动,除了plot2.chart.showTooltip(point); 有无更好方式
- 🤔 [QUESTION]折线图x轴如何显示最小时间和最大时间,并且不重叠,中间时间自动设置
- 🐛 [BUG]"export 'StackedBar' was not found in '@antv/g2plot'
- Creating a new theme for React G2plot
- G2Plot 如何给轴标签添加图片
- 🐛 [BUG]legend maxWidthRatio不生效
- 🤔 [QUESTION] 如何修改柱状图柱hover的背景样式
- 🐛 [BUG] 饼图label 线条覆盖问题
- 🐛 [BUG] 雷达图设置了面积area: {},y值有负数时面积绘制不对
- 🐛 [BUG] 对称条形图:当数据yField为字符串数组时,且将大的数值放入第一位,渲染后视图不正确,且图例
- 🐛 [BUG]切换浏览器标签页,切回图表页后,图表空白 HOT 3
- 🐛 [BUG]
- 🤔 [QUESTION] 在 NuxtJS 中使用,CJS 语法的不兼容问题 HOT 1
- 🐛 [BUG] 折线图 point size 属性,函数 参数 的内容 只有x轴 字段的值,没有当条数据的 其他数据
- 🐛 [BUG] G2Plot examples webpages use too much CPU costs!
- 🤔 [QUESTION] Liquid组件的percent为0时, 边框没有显示
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from g2plot.