除了“条形”图表之外的任何东西都会破坏 highcharts.js

Question

**edit - 我已将其缩小到打破它的这一行 - pointFormat: '{series.name}: {point.percentage:.1f}%' 任何想法为什么会发生？

几年前我使用过 highcharts，现在才刚刚重新认识。出于某种原因，除了饼图之外，我什么也做不了。

使用基本的条形示例可以正常工作：

<script>
$(function () { 
var myChart = Highcharts.chart('stats_container', {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    series: [{
        name: 'Jane',
        data: [1, 0, 4]
    }, {
        name: 'John',
        data: [5, 7, 3]
    }]
});
});
</script>

但是当我使用任何其他示例时，例如饼图：

<script>
$(function () { 
var myChart = Highcharts.chart('stats_container', {
chart: {
    plotBackgroundColor: null,
    plotBorderWidth: null,
    plotShadow: false,
    type: 'pie'
},
title: {
    text: 'Browser market shares January, 2015 to May, 2015'
},
tooltip: {
    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
    pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
            enabled: true,
            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
            style: {
                color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
            }
        }
    }
},
series: [{
    name: 'Brands',
    colorByPoint: true,
    data: [{
        name: 'Microsoft Internet Explorer',
        y: 56.33
    }, {
        name: 'Chrome',
        y: 24.03,
        sliced: true,
        selected: true
    }, {
        name: 'Firefox',
        y: 10.38
    }, {
        name: 'Safari',
        y: 4.77
    }, {
        name: 'Opera',
        y: 0.91
    }, {
        name: 'Proprietary or Undetectable',
        y: 0.2
    }]
}]
});
});
</script>

我收到 http 500 错误。我也尝试了一个 highstock 示例，并且发生了同样的问题。谁能看到我哪里出错了？我可以输入饼图的系列和其他详细信息，但是当我开始输入工具提示和绘图选项时，它就会中断。谢谢

Answer 1

我使用 smarty 模板，并且 js 不在 {literal} 标签内。哎呀