0

我正在使用 highcharts 饼图,需要将工具提示位置更改为鼠标在图表上方时所在的位置。目前我试图改变它的位置,但它不起作用。

以下是我尝试创建和使用图表的方式:

chartObj = new Highcharts.Chart({
    chart: {
        renderTo: container,
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        animation: false,
        backgroundColor: '#e4e6e1',
        height: 300
    },
    colors: colors,
    title: {
        text: title
    },
    tooltip: {
         positioner: function (boxWidth, boxHeight, point) {
            return { x: point.plotX + this.chart.plotLeft, y: point.plotY + this.chart.plotTop };
        },
        pointFormat: '<b>{point.percentage}%</b>',
        percentageDecimals: 1,
        style: {
            color: '#333333',
            fontSize: '12px',
            padding: '8px',
            opacity: 1
        }
    },
    plotOptions: {
        pie: {
            allowPointSelect: false,
            cursor: 'pointer',
            dataLabels: {
                enabled: width < 1500 ? false : true,
                color:'#000000',
                useHTML: true,
                formatter: function () { return this.percentage.toFixed(2) + "%"; },
                connectorWidth: 0,
                distance: 5
            },
            showInLegend: true,
            color: '#000000',
            connectorColor: '#000000',
            point: {
                events: {
                    legendItemClick: function () {
                        return false;
                    }
                }
            },
        },
    },
    series: [{ type: 'pie',
               name: title,
               visible: chart_visible,
               data: data,
    }],
    credits: {
        enabled: false
    },
    legend: {
        layout: 'horizontal',
        backgroundColor: '#FFFFFF',
        align: 'center',
        verticalAlign: 'bottom',
        x: 0,
        y: 0,
        floating: false,
        shadow: true
    },
    exporting: {
        enabled: false
    }
});
chartObj.series[0].setData(data);

return chartObj;
4

1 回答 1

0

不幸point.xpoint.y是,饼图总是相同的——它们不是鼠标位置。

可能的解决方法是使用points.event.mouseOvermouseOut创建您自己的工具提示(显示一些带有该事件值的绝对值)。

于 2013-06-04T15:05:00.247 回答