Блог

Главная - Вопросы по программированию - Не отображается контекстное меню Highcharts

Не отображается контекстное меню Highcharts

#javascript #ruby-on-rails #ruby #highcharts #contextmenu

#javascript #ruby-on-rails #ruby #highcharts #contextmenu

Вопрос:

Большинство людей спрашивали, как отключить контекстное меню в Highcharts. Моя проблема в том, что оно вообще не отображается. exporting.js включается в HTML-код, где находится контейнер для диаграммы.

Мой серверный сервер находится на Ruby, соответственно, на Ruby on Rails.

Мой код:

 var myChart = Highcharts.chart({
            chart: {
                type: 'line',
                renderTo: container[0]
            },
            colors: [
                '#B0171F', '#DC143C', '#8B008B', '#4B0082', '#9370DB',
                '#0000FF', '#708090', '#1E90FF', '#00F5FF', '#00FFFF',
                '#00FF7F', '#2E8B57', '#00FF00', '#7CFC00', '#FFFF00',
                '#FFD700', '#FFA500', '#EE7600', '#FF4500', '#FF0000',
                '#7171C6', '#8E8E38', '#1E1E1E', '#D926D9', '#E085E0',
                '#F20D80', '#1F1F47', '#19334D', '#1F4747', '#293D33'
            ],
            title: {
                text: ''
            },
            xAxis: {
                tickInterval: 150,
                title: {
                    text: 'Zeit'
                },
                categories: ["Test"]
            },
            yAxis: {
                title: {
                    text: 'Distanz in Meter'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: 'm'
            },
            navigation: {
                buttonOptions: {
                    enable: true,
                    align: 'left'
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                showInLegend: false,
                name: 'Series 1',
                turboThreshold: 5000
            }]
        });
};

Редактировать
Для всех, кто использует Highcharts с Ruby on Rails:
добавьте «//= требовать highcharts / modules / exporting» в свой application.js

Комментарии:

1. Это полный код? Как вы включаете exporting.js ? На jsfiddle работает контекстное меню jsfiddle.net/8q3c8tmL

2. @morganfree я включаю exporting.js в html, где находится div с контейнером. И это не полный код, потому что я загружаю серии и категории отдельно. Также я включаю highcharts в свой Gemfile, а не с тегом scripttag в качестве exporting.js , но я думаю, что это не должно быть проблемой.

3. Я только что узнал, что exporting.js уже включен в highcharts gem, но я не понимаю, почему тогда он не показывает контекстное меню

Метки: