Какой инструмент можно использовать для создания свечного графика HTML5 с перевернутой осью? [закрыто]

Закрыто. Этот вопрос вне -темы . В настоящее время ответы не принимаются.

Хотите улучшить этот вопрос?Обновите вопрос , чтобы он был #39;s в теме -для переполнения стека.

Закрыто 4 года назад .

Google Charting API поддерживает свечной график с возможностью изменения значений по оси X -, т. е. здесь дни недели, но могут быть и другие значения.

Однако, насколько я могу судить, этот API построения диаграмм не позволяет изменять ширину линии для «фитили», и невозможно инвертировать ось так, чтобы 0 был сверху (, если только вы не переключите использовать все отрицательные значения ).

Highcharts имеет более полнофункциональный свечной график и возможность переворачивать ось y, но, насколько я могу судить, вы ДОЛЖНЫ использовать временные метки в качестве значений оси x.

Какой инструмент можно использовать для создания свечного графика HTML5 с перевернутой осью Y и возможностью установки пользовательских меток на оси X и, возможно, возможностью настройки толщины фитиля?

Пример Google Chart

Пример Highcharts

Пример jqChart

(это довольно запутанно -источник здесьhttp://jsfiddle.net/FSEQP/)

        function round(d) {
            return Math.round(100 * d) / 100;
        }

        var data = [];

        var date = new Date(2010, 0, 1);

        var high = Math.random() * 40;
        var close = high - Math.random();
        var low = close - Math.random();
        var open = (high - low) * Math.random() + low;

        data.push([date, round(high), round(low), round(open), round(close)]);

        for (var day = 2; day <= 12; day++) {

            date = new Date(2010, 0, day);

            high = open + Math.random();

            close = high - Math.random();
            low = close - Math.random();
            var oldOpen = open;
            open = (high - low) * Math.random() + low;

            if (low > oldOpen) {
                low = oldOpen;
            }

            data.push([date, round(high), round(low), round(open), round(close)]);
        }

        $(document).ready(function () {

            $('#jqChart').jqChart({
                title: { text: 'Candlestick Chart' },
                legend: { visible: false },

//                                labelsOptions : { visible: false },



                          axes: [

                                {
                                    type: 'linear',
                                    location: 'left',
                                    reversed: true
                                },
                                  {
                                      type: 'category',
                                      location: 'bottom',
                                                        categories: [
                                                        'Category 1', 'Category 2', 'Category 3',
                                                        'Category 4', 'Category 5', 'Category 6',
                                                        'Category 7', 'Category 8', 'Category 9',
                                                        'Category 10', 'Category 11', 'Category 12'
                                                        ],
                                      labels: {
                                                  font: '12px sans-serif',
                                                  angle: -90,

                                               }
                                  }
                               ],



                series: [
                            {
                                type: 'column',
                                data: data
                            }
                        ]
            });







        });

задан Glorfindel 20 August 2019 в 20:31

0 ответов

Другие вопросы по тегам:

charts data-visualization html javascript visualization

Какой инструмент можно использовать для создания свечного графика HTML5 с перевернутой осью? [закрыто]

0 ответов

Похожие вопросы: