Question

我们在其中一个模块中使用了Highcharts，当指针在饼图切片上移动时，我们想要显示工具提示。

$(function () {
$('#container').highcharts({
    chart: {
        renderTo: 'container',
        type: 'pie'
    },
    colors: [
        '#ff6600',
        '#333300',
        '#660000'],
    credits: {
        enabled: false
    },
    title: {
        text: ''
    },
    yAxis: {
        title: {
            text: 'Total percent market share'
        }
    },
    plotOptions: {
        series: {
            states: {
                hover: {
                    enabled: false
                }
            }
        }
    },
    tooltip: {
        formatter:function () {return '<b>' + this.point.name + '<\/b>';},
shared:true,
headerFormat:"<span style=\"padding:0\">{point.key}: <b{point.percentage:.1f}%<\/b><\/span><br>",
valueDecimals:2,
useHTML:true,
pointFormat:"<span style=\"padding:0\">Count : <b>{point.y:.0f}<\/b>",
enabled:true,
footerFormat:"<\/span>"
        },
        series: [{
            name: 'Time',
            data: [
                ["sleep", 10],
                ["work", 30],
                ["play", 10]
            ],
            dataLabels: {
                enabled: false
            }
        }]
    });
});

但是控制台正在抛出 未捕获的TypeError：j.call不是函数 错误。如果我们在http://jsfiddle.net/中运行相同的代码，那么它会按预期工作。

Answer 1

尝试使用

var chart = new Highcharts.Chart({

而不是

$('#container').highcharts({

示例：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/renderto-object/

Highcharts工具提示格式化器返回函数抛出Uncaught TypeError：j.call不是函数

1 个答案: