Arhn - архитектура программирования

Как связана/общая легенда с круговой диаграммой и столбцом?

Если мы возьмем этот пример: http://www.highcharts.com/demo/combo

Как я могу разделить легенду между круговой диаграммой и столбцом? Я хочу включить/отключить одну серию, когда я нажимаю на легенду для столбца И круговой диаграммы одновременно!

javascript highcharts legend
14.05.2015

Ответы:


1

Привяжите событие legendItemClick и скройте связанные срезы в круговой диаграмме. Демонстрация: http://jsfiddle.net/x8ygvwbx/1/

    plotOptions: {
        series: {
            events: {
                legendItemClick: function(e) {
                    var vis = this.visibility,
                        name = this.name,
                        pie = this.chart.get("my-pie"), // set pie's ID
                        index = pie.options.legendNames.indexOf(name); // get index of names

                    pie.points[index].setVisible(vis); //change visibility
                }
            }
        }
    },

И пример для вариантов пирога:

    {
        id: "my-pie",  // ID
        type: 'pie',
        name: 'Total consumption',
        legendNames: ["Jane", "John", "Joe"], //NAMES
        data: [{
            name: 'Jane',
            y: 13,
            color: Highcharts.getOptions().colors[0] // Jane's color
        }, {
            name: 'John',
            y: 23,
            color: Highcharts.getOptions().colors[1] // John's color
        }, {
            name: 'Joe',
            y: 19,
            color: Highcharts.getOptions().colors[2] // Joe's color
        }]
    }
15.05.2015
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..