漏斗图而不是高图的任何图表库?

时间:2015-06-26 05:04:34

标签: javascript d3.js highcharts

I need free chart library for funnel view. currently I am using highchart as I don't see any alternative library. If anyone knows about free library for funnel chart please let me know...

D3有没有?

2 个答案:

答案 0 :(得分:3)

这个使用D3

Git位置:https://github.com/jakezatecky/d3-funnel

向我展示演示http://jakezatecky.github.io/d3-funnel/

答案 1 :(得分:1)

fusioncharts.com/在fusioncharts中创建漏斗非常容易,请参阅此示例http://jsfiddle.net/fusioncharts/5dDy4/

                    FusionCharts.ready(function () {
                var conversionChart = new FusionCharts({
                    type: 'funnel',
                    renderAt: 'chart-container',
                    width: '500',
                    height: '400',
                    dataFormat: 'json',
                    dataSource: {
                        "chart": {
                            "caption": "Conversion Funnel Analysis for last year",
                                "subcaption": "Harry's SuperMart Website",
                                "decimals": "1",
                                "labelDistance": "15",
                                "plotTooltext": "Success : $percentOfPrevValue",
                                //To show the values in percentage
                                "showPercentValues": "1",
                                "theme": "fint"
                        },
                            "data": [{
                            "label": "Unique Website Visits",
                                "value": "1460000"
                        }, {
                            "label": "Programme Details Section Visits",
                                "value": "930000"
                        }, {
                            "label": "Attempts to Register",
                                "value": "540000"
                        }, {
                            "label": "Successful Registrations",
                                "value": "210000"
                        }, {
                            "label": "Logged In",
                                "value": "190000"
                        }, {
                            "label": "Purchased on Introductory Offers",
                                "value": "120000"
                        }]
                    }
                });

                conversionChart.render();
            });