apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.48k stars 19.62k forks source link

how to add a text like title to every chart bottom in a multiple funnel chart?怎麼樣在多漏斗圖表的每個圖下方加一段文字? #13138

Closed developmentmachine closed 4 years ago

developmentmachine commented 4 years ago

image

option={
    "tooltip":{
        "trigger":"item"
    },
    "legend":{
        "data":[
            "当天直播鉴别观看UV",
            "当天直播鉴别新增关注用户数",
            "当天直播鉴别点赞UV",
            "当天直播鉴别申请鉴定PV",
            "当天直播鉴别接通连线UV",
            "当天直播鉴别总观看时长",
            "当天直播鉴别异常连线UV"
        ],
        "type":"scroll"
    },
    "series":[
        {
            "name":"全部->全部->全部->全部",
            "type":"funnel",
            "width":"30%",
            "left":"0%",
            "sort":"none",
            "label":{
                "position":"inside"
            },
            "data":[
                {
                    "name":"当天直播鉴别观看UV",
                    "value":"10087",
                    "transformRatio":"4.58%"
                },
                {
                    "name":"当天直播鉴别新增关注用户数",
                    "value":"462",
                    "transformRatio":"347.84%"
                },
                {
                    "name":"当天直播鉴别点赞UV",
                    "value":"1607",
                    "transformRatio":"38.02%"
                },
                {
                    "name":"当天直播鉴别申请鉴定PV",
                    "value":"611",
                    "transformRatio":"47.63%"
                },
                {
                    "name":"当天直播鉴别接通连线UV",
                    "value":"291",
                    "transformRatio":"0.00%"
                },
                {
                    "name":"当天直播鉴别总观看时长",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别异常连线UV",
                    "value":"51",
                    "transformRatio":"0%"
                }
            ]
        },
        {
            "name":"手机->全部->全部->全部",
            "type":"funnel",
            "width":"30%",
            "left":"33%",
            "sort":"none",
            "label":{
                "position":"inside"
            },
            "data":[
                {
                    "name":"当天直播鉴别观看UV",
                    "value":"1",
                    "transformRatio":"3500.00%"
                },
                {
                    "name":"当天直播鉴别新增关注用户数",
                    "value":"35",
                    "transformRatio":"914.29%"
                },
                {
                    "name":"当天直播鉴别点赞UV",
                    "value":"320",
                    "transformRatio":"0.00%"
                },
                {
                    "name":"当天直播鉴别申请鉴定PV",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别接通连线UV",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别总观看时长",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别异常连线UV",
                    "value":"0",
                    "transformRatio":"0%"
                }
            ]
        },
        {
            "name":"美妆个护->全部->全部->全部",
            "type":"funnel",
            "width":"30%",
            "left":"66%",
            "sort":"none",
            "label":{
                "position":"inside"
            },
            "data":[
                {
                    "name":"当天直播鉴别观看UV",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别新增关注用户数",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别点赞UV",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别申请鉴定PV",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别接通连线UV",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别总观看时长",
                    "value":"0",
                    "transformRatio":"0%"
                },
                {
                    "name":"当天直播鉴别异常连线UV",
                    "value":"0",
                    "transformRatio":"0%"
                }
            ]
        }
    ]
};
echarts-bot[bot] commented 4 years ago

This issue is not created using issue template so I'm going to close it. 🙊 Sorry for this, but it helps save our maintainers' time so that more developers get helped. Feel free to create another issue using the issue template.

If you think you have already made your point clear without the template, or your problem cannot be covered by it, you may re-open this issue again.

这个 issue 未使用 issue 模板 创建,所以我将关闭此 issue。 为此带来的麻烦我深表歉意,但是请理解这是为了节约社区维护者的时间,以更高效地服务社区的开发者群体。 如果您愿意,可以请使用 issue 模板重新创建 issue。

如果你认为虽然没有使用模板,但你已经提供了复现问题的充分描述,或者你的问题无法使用模板表达,也可以重新 open 这个 issue。

plainheart commented 4 years ago

Maybe you can try to add some graphic elements dynamically. But the position of each graphic element needs to be calculated manually.