Question

以下是如何将饼图/切片/数据部分链接到URLS的解决方案..但这种方法对我来说似乎不起作用，我希望链接链接到#inlinedivcontentareas任何建议？

    series: [{
        point: {
        events: {
            click: function(e) {
                location.href = e.point.url;
                e.preventDefault();
                }
            }
        },
        innerSize: '30%',
        data: [
            {name: 'Shop', y: 10, url: '/#pie2'},
            {name: 'Buy', y: 10,  url: '/#pie3'},
            {name: 'Own', y: 10,  url: '/#pie4'}
        ]
    }]
});

我认为它与此有关。如何更改以下内容以转到#divs

location.href = e.point.url;

Answer 1

您可以使用location.hash

location.hash = 'target';

Linking to Anchor from Chart @jsFiddle

Answer 2

检查此代码：

$('#container1').highcharts({
        series: [{
            point:{
                events:{
                    click:function(){
                        location.href=this.url;
                        e.preventDefault();
                    }
                }
            },
            name: 'Tokyo',
            data: [{y:1,url:'#container2'},2,3]
        }]
    });

     $('#container2').highcharts({
        series: [{
            name: 'Tokyo',
            data: [1,2,3]
        }]
    });

对我来说，它正常工作，点击第一个点后，我被移动到id为＃34; container2＆＃34;的对象。

Highcharts.JS，饼图链接到onpage #div ajax内容链接

2 个答案: