VPF::highcharts, колнки друг на друге - Форум программистов

marhatter

Дата 14.10.2013, 16:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 41
Регистрация: 8.5.2008

Репутация: нет
Всего: нет

Здравствуйте. Вопрос вот в чем - есть страничка

Код


<!DOCTYPE HTML>
<html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="graph.css" />
        <script type="text/javascript">
        
$(function () {
        $('#period_in_days').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'ЗАКАЗЫ'
            },
            subtitle: {
                text: 'Суммарно по всем предприятиям с 01.09 по 23.10'
            },

            xAxis: {
                categories: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24"],
                labels: {
                    style: {color: 'red'},
                    formatter: function () {return '<a href="#">' + this.value + '</a>';    }
                }
             },
            yAxis: [{
                //categories: [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
                title: {text: null}, // убираем подписи по оси y
                tickInterval: 5 // интервал
            }],
            plotOptions: {
                series: {
                    //stacking: 'normal'
                },
                column: {
                    //pointPadding: -0.2
                }
            },
            series: [{
                name: 'John',
                color: 'red', 
                showInLegend: false,
                data: [10, 0, 0, 0, 0, 0, 0, 0, 0, 7, 12, 15, 17, 25, 30, 40, 25, 27, 28, 30, 40, 30, 45, 20]
            }, {
                name: 'Jane',
                color: 'blue', 
                showInLegend: false,
                data: [5, 0, 0, 0, 0, 0, 0, 0, 0, 5, 10, 15, 10, 20, 27, 39, 20, 22, 23, 24, 25, 26, 27, 30]
            }]
        });
    });
    

        </script>
        </head>
        <body>
<script src="highcharts.js"></script>
<div id="header_order"> ЗАКАЗЫ<br />
          Суммарно по всем предприятиям с 01.09 по 23.10 </div>
<div id="period_in_days"></div>
<div id="period_in_weeks"></div>
</body>
</html>

сейчас данные выводятся в два столбца для каждого значения по оси Х. Как сделать, чтобы они выводились в один столбец - как в файле http://s1.ipicture.ru/uploads/20131014/HITqz7Ud.jpg.
Если в параметрах указать

Код


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

то отображаются в один столбец, но этот столбец получается как сумма двух. Есть кто занимается/занимался таким.? Заранее спасибо!

marhatter

Дата 14.10.2013, 21:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 41
Регистрация: 8.5.2008

Репутация: нет
Всего: нет

Кому-то может будет интересно/полезно Column into other column

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »