Question

我目前正在玩这个例子，我不明白如何为此进行3级深入研究。

        name = 'Browser brands',
        data = [{
                y: 55.11,
                color: colors[0],
                drilldown: {
                    name: 'MSIE versions',
                    categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
                    data: [10.85, 7.35, 33.06, 2.81],
                    color: colors[0]
                }

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

目前有两类数据，例如浏览器，浏览器版本，我想制作另一个类别，使用CSS3或不能使用CSS3，这将是一个布尔值。

Answer 1

您需要添加另一个series。例如。

{
        name: 'CSS 3',
        data: cssData,
        size: '100%',
        innerSize: '70%',
        dataLabels: {
            formatter: function () {
                // display only if larger than 1
                return this.y > 1 ? '<b>' + this.point.name + ':</b> ' + this.y + '%' : null;
            }
        }
    }

此外，您还需要修改其他系列的size和innerSize以匹配，并且如果您想要使其准确，请将特定数据添加为drilldown。为了简单起见，我刚刚在这里添加了一个简单的是/否系列数据，但您需要为每个浏览器版本制作另一个drilldown，然后解析其他人将cssData

演示：http://jsfiddle.net/robschmuecker/zRgLp/1/

如何用Highcharts进行3级深度挖掘？

1 个答案: