在餅圖中添加到系列/數據部分的自定義鏈接（highcharts.js）

我只是試圖通過highcharts允許每個數據部分或一系列餅圖可點擊，例如。商店部分應該鏈接到#shop_section我發現了一個全局鏈接被設置爲圖表中的每個數據部分的演示。但我只想通過點擊我的三個數據部分/系列中的一個來訪問獨特的#link。在餅圖中添加到系列/數據部分的自定義鏈接（highcharts.js）

series: [{ 
     innerSize: '30%', 
     data: [ 
      ['Shop', 10], 
      ['Buy', 10], 
      ['Own', 10], 
     ] 
    }] 
});

這不起作用：（未遂）

data: [ 
     {name: 'Shop', 10, url: 'http://my_site1.com'}, 
     {name: 'Buy', 10, url: 'http://my_site2.com'}, 
     {name: 'Own', 10, url: 'http://my_site3.com'} 
    ]

來源

2014-12-11 Fred Randall

使用plotOptions會做的工作：

plotOptions: { 
     series:{ 
      point:{ 
       events:{ 
        click: function(){ 
         window.location.href = this.url; 
        } 
       } 
      } 
     }, 
    },

只需用系列 - >點 - >事件我們可以詳細說明將哪些事件委託給我們的系列點（在餅圖中，點是「切片」）。在事件處理函數本身上，this引用點擊的點，因此我可以直接使用您設置的自定義屬性url。

來源

2014-12-11 06:46:57 MorKadosh

這看起來很棒，但如何指定部分的鏈接，例如。名稱'店'切片？ – 2014-12-11 18:28:37

嘿@詹姆斯邦德，請澄清你在做什麼:)我沒有完全理解。上面的代碼也適用於部分鏈接 – MorKadosh 2014-12-11 19:43:25

你的系列是不正確，應該是：

data: [ 
    {name: 'Shop', y: 10, url: 'http://my_site1.com'}, 
    {name: 'Buy', y: 10, url: 'http://my_site2.com'}, 
    {name: 'Own', y: 10, url: 'http://my_site3.com'} 
]

來源

2014-12-12 15:01:54

這是行不通的，man。 URL鏈接被忽略。 – 2014-12-19 18:01:59

請複製您的示例作爲現場演示，該功能無效。 – 2014-12-22 09:59:13

在餅圖中添加到系列/數據部分的自定義鏈接（highcharts.js）

回答

相關問題