Комбинированные диаграммы - диаграмма Word с гистограммой - PullRequest
Новая
       46

Комбинированные диаграммы - диаграмма Word с гистограммой

0 голосов
/ 03 июня 2019

Я использую высокие графики для одного из своих проектов, и я хочу знать, возможно ли иметь комбинированную диаграмму гистограммы и диаграмму облака слов. Нечто подобное показано ниже

enter image description here

Возможно ли достичь этого или есть какие-либо библиотеки диаграмм с открытым исходным кодом, которые делают это.

Что я пробовал :

Я искал все доступные библиотеки диаграмм и не нашел подходящих вариантов. Поскольку это отправная точка, указывать особо нечего.

Пожалуйста, помогите. Я застрял.

1 Ответ

1 голос
/ 03 июня 2019

Вам необходимо создать и добавить отдельные контейнеры с wordcloud диаграммами: 

chart: {
    events: {
        load: function() {
            var points = this.series[0].points;

            points.forEach(function(p) {
                var wContainer = $('<div>');

                wContainer.addClass('wordCloudContainer');

                wContainer.css({
                    top: this.plotTop,
                    left: p.plotX
                });

                $('#mainContainer').append(wContainer);

                Highcharts.chart(wContainer[0], {
                    chart: {
                        width: p.pointWidth + 40,
                        height: 200
                    },
                    title: {
                        text: ''
                    },
                    credits: {
                        enabled: false
                    },
                    series: [{
                        type: 'wordcloud',
                        data: [
                            ['one', 1],
                            ['two', 2],
                            ['three', 3]
                        ]
                    }]
                });
            }, this);
        }
    }
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/2jahsfyp/

API Reference: https://api.highcharts.com/highcharts/chart.events.load

...