Question

我想要做的是能够动态渲染图形，从网址中提供已定义的参数集。例如http://example.html?team=team1%chartype=pie。

这是我的简单列的代码＆＃39; http://jsfiddle.net/4mBWg/ 这是我的一个简单的馅饼代码。 http://jsfiddle.net/YFdKt/

Code block (SO is not letting me post without code)

以编程方式我需要的是能够接受＆＃39;类型＆＃39;参数示例（饼图，图表，线）并能够绘制图形。

只需更改＆＃34;类型＆＃34;还不够。看看这两种类型的图，我假设plotOptions需要动态构建......我需要做些什么来实现这个目标？

Answer 1

如果只是html，请尝试

// http://stackoverflow.com/a/3855394/1817690
var qs = (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i)
    {
        var p=a[i].split('=');
        if (p.length != 2) continue;
        b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
})(window.location.search.substr(1).split('&'));

if(qs['type']) && qs['type']=='pie') {
    Pie chart js code goes here
}  else if(qs['type'] && qs['type']=='line') {
    Line chart js code goes here
}

如果您使用的是PHP，可以这样做，

<?php if(isset($_GET['type']) && $_GET['type']=='pie') { ?>
    Pie chart js code goes here
<?php }  else if(isset($_GET['type']) && $_GET['type']=='line') { ?>
    Line chart js code goes here
<?php } ?>

以编程方式构建不同类型的Highcharts。

1 个答案: