javascript - 如何构建 3D 圆环图

Question

我想知道是否可以在 html 中构建 3d 圆环图。我发现了一个有趣的链接here但不幸的是，我需要在单击启动 ajax 请求时添加链接(或 javascript 事件)。

你做过这样的事吗？

感谢您的回答

Answer 1

请参阅我刚刚制作的以下示例:

http://jsfiddle.net/baQCD/3/embedded/result/

关键点(双关语)是为数据数组中的每一行(对象)添加一个 url 键，并在“点击”事件处理程序中使用它:

point: {
    events: {
        click: function(e) {
            location.href = e.point.url;
            e.preventDefault();
        }
    }
},

在您的情况下，您可以执行 ajax 请求或执行其他任何操作，而不是打开新的网址。在我的示例中，我展示了如何操作数据和标题。

click: function(e) {
    if (this.name == "Randomize!") {
        sliceK = getRandomInt(0,chart.series[0].data.length-1);
        chart.options.series[0].data[sliceK].y = getRandomInt(1,30);
        chart = new Highcharts.Chart(chart.options);
    } else if (this.name == "Link") {
        location.href = this.url;
        e.preventDefault();
    } else {
        chart.setTitle(null,{text:this.name + " clicked"});
    }
}

您可以立即看到，我在 Highcharts 中非常喜欢的 2 个功能，打印或下载图表的能力，以及通过单击图例禁用部分数据(从图表中将其删除)的能力。

<小时/>

这是基于以下所示的代码:

http://birdchan.com/home/2012/09/07/highcharts-pie-charts-can-have-url-links/ http://www.highcharts.com/demo/3d-pie-donut/