首页 文章

Highcharts exports.js更改菜单悬停 Headers 文本

提问于
浏览 次
0

我正在使用highcharts，我已经添加了exports.js，所以我可以导出数据 .

这使得出现一个 Headers 为“图表上下文菜单”的菜单 .

见附图：

enter image description here

你也可以看到here：

$(function () {
    Highcharts.chart('container', {

        chart: {
            type: 'column'
        },

        title: {
            text: 'Total fruit consumtion, grouped by gender'
        },

        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },

        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Number of fruits'
            }
        },

        tooltip: {
            formatter: function () {
                return '<b>' + this.x + '</b>
' +
                    this.series.name + ': ' + this.y + '
' +
                    'Total: ' + this.point.stackTotal;
            }
        },

        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },

        series: [{
            name: 'John',
            data: [5, 3, 4, 7, 2],
            stack: 'male'
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5],
            stack: 'male'
        }, {
            name: 'Jane',
            data: [2, 5, 6, 2, 1],
            stack: 'female'
        }, {
            name: 'Janet',
            data: [3, 0, 4, 4, 3],
            stack: 'female'
        }]
    });
});

我的问题是..如何更改 Headers 文字，以便说出其他内容？

javascript highcharts

2 回答

  • 0

    实际上，有一个选项可以通过API更改 Headers ，但您需要在全局选项中设置它 - lang.contextMenuTitle

    Highcharts.setOptions({
  lang: {
    contextButtonTitle: 'custom text'
  }
});

    示例：http://jsfiddle.net/1zmwjskz/

    回复于
  • 1

    根据文档，目前没有选择这样做- details of the available options are listed here . 但你总是可以使用jQuery：

    $(document).ready(function(){
    $("g.highcharts-contextbutton > title").text("Something else");
});

    工作fiddle .

    回复于

相关问题