iamsaint
@iamsaint

Hichcharts график по дням и по часам в одном чарте?

Добрый день, подскажите, пожалуйста как можно корректно объединить данные по дням и по часам в одном графике

Ниже нример того как делаю, но на выходе получается следующее:

download?id=UASZUGPd2xDQGWmNpJSWG7l3a



А хотелось бы вот в таком виде:

download?id=Vh3YzrOjqlPpPuoeRud0xJ7oU

Код:



(function($){ // encapsulate jQuery<br>
<br>
            $(function () {<br>
                var chart;<br>
                $(document).ready(function() {<br>
                    chart = new Highcharts.Chart({<br>
                        chart: {<br>
                            renderTo: 'container',<br>
                            zoomType: 'xy'<br>
                        },<br>
                        title: {<br>
                            text: 'Chart'<br>
                        },<br>
<br>
                        xAxis: [{<br>
                            categories: ["02.12","03.12"]<br>
                        }],<br>
                        yAxis: [, {<br>
                            gridLineWidth: 0,<br>
                            title: {<br>
                                text: '',<br>
                                style: {<br>
                                    color: '#4572A7'<br>
                                }<br>
                            }<br>
<br>
                        }, {<br>
                            gridLineWidth: 0,title: {<br>
                                text: '',<br>
                                style: {<br>
                                    color: '#4572A7'<br>
                                }<br>
                            }<br>
                        }],<br>
<br>
                        legend: {<br>
                            layout: 'vertical',<br>
                            align: 'left',<br>
                            x: 120,<br>
                            verticalAlign: 'top',<br>
                            y: 80,<br>
                            floating: true,<br>
                            backgroundColor: '#FFFFFF'<br>
                        },<br>
                        series: [{<br>
                            name: 'Статистика по дням',<br>
                            color: '#4572A7',<br>
                            type: 'column',<br>
                            yAxis: 1,<br>
                            data: [588,1196]<br>
<br>
                        }, {<br>
                            name: 'Статистика по часам',<br>
                            color: '#AA4643',<br>
                            type: 'spline',<br>
                            yAxis: 2,<br>
                            data: [6,28,15,14,17,2,17,13,4,4,7,34,17,29,9,60,49,33,9,24,35,89,28,45,13,46,30,39,23,29,2,15,5,22,70,80,72,130,111,53,95,75,26,58,62,55,6,79]<br>
                        }]<br>
                    });<br>
                });<br>
<br>
            });<br>
        })(jQuery);<br>
<br>
  • Вопрос задан
  • 3104 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы