highcharts - 是否可以放大饼图

我的图是这个例子jsfiddle example

chart: { 
      renderTo: 'container', 
      type: 'area', 
      zoomType: 'x', 
     }

蓝本，但它似乎并没有与饼图工作。我在这里错过了什么吗？理想情况下，我会有一个2层饼图，其中外层充当内层的子层。当选择一个孩子切片，然后我可以有一个完整的饼图显示单独切片，与自己的孩子一起等

来源

2013-01-17 Dolgion

Unfortunaltely变焦不允许饼图作为其属性表明您

X：在x轴 y以放大：在y轴 XY缩放：放大两个轴

但你可以使用size财产使用JavaScript来显示缩放。 size property demo

来源

2013-01-17 08:13:58

我想我找到了我真正想要的东西。它不是缩放，而是捕获切片上点击事件的选项。

为了做到这一点，必须使用allowPointSelect属性，它可以添加到一个饼图这样的（只是几种不同的方式之一）：

plotOptions: { 
    pie: { 
     shadow: false, 
     allowPointSelect: true, 
    }, 
}

然后以撷取点击一个有权宣布被用于在series的events属性：

series: [{ 
    name: 'Example', 
    data: [ 
     { 
      name: 'Firefox', 
      value: 45.0 
     }, 
     { 
      name: 'IE', 
      value: 26.8 
     }, 
     { 
      name: 'Chrome', 
      value: 12.8, 
     }, 
    ], 
    size: '100%', 
    point: { 
     events: { 
      click: function() { 
       // some code to execute when clicking a slice 
       alert('Slice name: ' + this.name + ' and value: ' + this.value); 
      } 
     } 
    } 
}]

然后在点击功能，任何能够执行JavaScript代码，并在数据的声明的字段也可以被访问。所以理论上可以即时创建第二个饼图。

来源

2013-01-18 10:31:51 Dolgion

highcharts - 是否可以放大饼图

回答

相关问题