You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2019/12/11 03:18:34 UTC
[GitHub] [incubator-echarts] charian opened a new issue #11831: Anybody idea
for funnel by bar chart
charian opened a new issue #11831: Anybody idea for funnel by bar chart
URL: https://github.com/apache/incubator-echarts/issues/11831
### What problem does this feature solve?
Please help for made funnel chart.
I'm making a funnel report using a bar chart.
As you can see in the code, I'm making it without big problems. But I want to represent the converted area, but I can't think of a way.
Help me with any ideas.
### What does the proposed API look like?
```javascript
option = {
tooltip : {
trigger: 'item',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
legend: {
data:['converted','dropoff'],
bottom: 0
},
itemStyle: {},
barWidth: '100px',
label: {
show: true
},
grid: {
left: '3%',
right: '4%',
bottom: '7%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['step1','step2','step3','step4','step5']
}
],
yAxis : [
{
type : 'value',
data: ['20%', '40%', '60%', '80%', '100%'],
offset: 10
}
],
series : [
{
name:'converted',
type:'bar',
stack: 'funnel',
data:[220, 132, 101, 72, 10],
itemStyle: {
color: '#229AE8',
},
label: {
position: 'insideTop'
},
z: 1
},
{
name:'dropoff',
type:'bar',
stack: 'funnel',
data:[0, 88,31, 29, 62],
itemStyle: {
color: '#C2E7FF'
},
label: {
show: false,
position: 'top',
color: '#229AE8'
},
z: 1,
markPoint : {
silent: true,
data : [
{
value : 0,
xAxis: 0,
yAxis: 220,
},
{
value : 88,
xAxis: 1,
yAxis: 220
},
{
value : 31,
xAxis: 2,
yAxis: 132
},
{
value : 29,
xAxis: 3,
yAxis: 101
},
{
value : 62,
xAxis: 4,
yAxis: 72
}
]
}
}
]
};
```
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org