php библиотека свечных графиков

Как можно строить свечные графики в питоне.

Как и обещал ранее некоторым участникам, сейчас продемонстрирую код, с помощью которого можно визуализировать свечной график, данные для которого будет взят с сайта Финам. Самое прамолинейное решение — это найти какой-нибудь модуль для питона, которому скармливаются бары, а он тебе выдает, собственно, свечной график. Такие есть, но на тот момент, когда я интересовался темой, найденное меня не устроило. Например, свечной график мне нарисуют, а как на нем тот же индикатор отрисовать — уже проблема. А если надо задать какую-нибудь эдакую линию, маркер, цвет — с этим надо разбираться. Но зачем тратить на это время, если есть весьма добротный модуль для построения графиков Matplotlib, с помощью него можно сделать любой график полиграфического качества, который у тебя в любое издание примут без вопросов, если, конечно, там и смысловая составляющая на должном уровне, само собой. В общем, качаем скрипт отсюда:
yadi.sk/d/fiMn-YUtrB6aEw
если не установлено, устанавливаем python 3.5+, к нему matplotlib и numpy, запускаем скрипт и умиляемся результату))

Окно с графиком, которое выдает скрипт позволяет выделять область, например:

растягивать ее на всю область графика:

и двигать график относительно просматриваемой прямоугольной области.
В принципе, этого функционала вполне достаточно для того, чтобы в одном лишь питоне сделать всю работу по созданию, тестированию и отлаживанию торговой стратегии. Очень удобно рисовать наклонные линии сделок на графике (например, зеленая линия для прибыльного открытия-закрытия позиции и красная для убыточного) и анализировать их входы на предмет как корректности технической составляющей алгоритма стратегии, так и самой торговой идеи. Например, в случае тестера метатрейдера на выходе получаешь много всякой статистики, но анализировать причину убыточности сделок там не так удобно (я таким занимался в начале 2016 года, может с тех пор тестер метатрейдера поменялся).

При желании, можно визуализировать любые другие исторические данные по свечам в формате, который выдает Финам (по тому же яндексу данные качаются здесь: www.finam.ru/profile/moex-akcii/pllc-yandex-n-v/export/).
У скрипта есть три входных параметра (строчки 9, 91 и 92):

dataFile = ‘YNDX_190114_190115.csv’
timeZoneDiffSecs = 3 * 3600
pt = 0.01

которые задают файл с данными от Финама, разницу между поясом, для времени которого хотите представить график и UTC, а также минимальный шаг цены инструмента.

Технологически, каждая свеча прорисовывается как errorbar (кресты ошибок), дважды — один раз для тела свечи, другой раз для ее тени. В первом случае отрисовываются горизонтальные линии отмечающие границы тела свечи, во втором эти линии отсутствуют, как у привычного вида тени свечи:

plt.errorbar( xs[ blackBars ], totalCentres[ blackBars ], yerr = totalSpans[ blackBars ], ecolor = ‘k’, elinewidth = 0.5, capsize = 0, ls = ‘none’ )
plt.errorbar( xs[ blackBars ], bodyCentres[ blackBars ], yerr = np.abs( bodySpans[ blackBars ] ), ecolor = ‘k’, elinewidth = 0.5, capsize = 2, ls = ‘none’ )

bodyCentres = 0.5 * ( bars[ :, 1 ] + bars[ :, 4 ] )
bodySpans = 0.5 * ( bars[ :, 4 ] — bars[ :, 1 ] )
totalCentres = 0.5 * ( bars[ :, 2 ] + bars[ :, 3 ] )
totalSpans = 0.5 * ( bars[ :, 2 ] — bars[ :, 3 ] )

blackBars = np.abs( bodySpans ) = 0.25 * pt )
redBars = np.logical_not( np.logical_or( blackBars, greenBars ) )

вот, собственно, сам скрипт:

В скрипте присутствует всего несколько комментариев, но, думаю, кому это действительно покажется полезным, сам разберется. Если что — задавайте вопросы. Буду рад, если этот мой небольшой труд кому-то поможет вывести какую-нибудь гениальную торговую идею, чего всем и желаю))

Источник

Создание графиков на PHP с помощью JPGraph

Время чтения: 6 минут

Отправим вам статью на:

Иногда в рамках интернет проекта возникает потребность в визуализации данных. Представление данных в виде графиков и диаграмм дает возможность наглядно убедиться, например, в увеличении/уменьшении объёмов продаж в текущем году по сравнению с прошлым годом, количества посетителей и пр., вариантов великое множество.

Специально для этих целей, ребята из Asial Corporation, разработали библиотеку JPGraph. Это объектно-ориентированная библиотека для создания графики профессионального качестве при использовании минимум кода, написанная на PHP.

Используя JPGraph, можно создавать графики, диаграммы, captcha картинки и даже географические карты. В бесплатной версии библиотеки доступно большинство возможностей, но имеется также и профессиональная версия, позволяющая разработчику получить доступ к дополнительным функциям JPGraph.

Для работы с JPGraph вам понадобится PHP версии 4.3.1 и выше, а также установленная библиотека GD. Поддерживается как первая, так и вторая версия GD.

Для установки библиотеки вам нужно скачать архив http://jpgraph.net/download/
и распаковать из него директорию src (должна содержать файл jpgraph.php) в свой проект или в директорию, где у вас хранятся общие библиотеки, если вы планируете использовать JPGraph в нескольких проектах на одном сервере.

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

Последнее, что нужно сделать, это убедиться, что GD библиотека подключена и работает. Это можно проверить, заглянув в вывод функции phpinfo().

Итак, библиотека установлена, попробуем создать простенький график.

Данный код при выполнении сгенерирует такое изображение:

Рассмотрим ещё неcколько типов графиков, которые предоставляет JPGraph (здесь я не буду приводить полный код примеров, а только новые строки).

Столбчатая диаграмма

JPGraph также предоставляет возможность генерировать 3D проекции.
Отобразим статистику использования браузеров на 1 сенября 2012 года в виде круговой диаграммы.

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

JPGraph предоставляет ещё очень много инструментов для создания всевозможных графиков, например, комбинирование графиков или использование своих изображений для фонов или контрольных точек. Описание всех возможностей JPGraph потребовало бы написания целого ряда статей.

Подпишитесь

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

Источник

QLua: формирование свечных данных для робота

Поделюсь своим опытом, который может быть полезен начинающим алготрейдерам, пишущим своего робота на QLua.

Внутри QLua есть стандартный способ, которым можно заказать свечные данные. Это делается через функцию CreateDataSource. При этом терминал возвращает все свечи, которые у него есть на момент вызова этой функции, но это может быть не совсем удобно. Вот несколько примеров.

Пример 1. Мы торгуем акции на 30-минутках и при этом не хотим учитывать свечу, которая получается в 9:30 из-за аукциона открытия, и не хотим, чтобы аукцион закрытия портил последнюю свечу дня в 18:30. Хотим только нужные свечи в одном массиве.

Пример 2. Мы торгуем фьючерсы только в дневную сессию, а вечернюю сессию выбрасываем, поскольку наша стратегия в этом случае даёт более приличный график эквити. Хочется иметь «отфильтрованный» свечной ряд.

Пример 3. Мы торгуем американские акции на Санкт-Петербургской бирже и хотим, чтобы время свечей было как в Америке, а не как на бирже, и хотим оставить только основные торги с 9:30 до 16:00 по буржуйскому времени.

Чтобы добиться целей, обозначенных в этих примерах, надо уметь фильтровать свечи, объединять свечи более коротких таймфреймов в свечи нужных нам более длинных таймфреймов, а также менять время свечи, приводя его к нужному часовому поясу. Например, заказывать 5-минутные данные из терминала QUIK, а потом отбрасывать ненужные свечи и объединять оставшиеся в более крупные результирующие свечи.

Все это реализовано в коде Candles.lua, который приводится в конце заметки. Там есть достаточно подробное описание каждой функции в соответствующих комментариях. Вполне по силам разобраться, если изучать вдумчиво и внимательно.

Этот код корректно работает в потоке main, запрашивая данные из терминала в критической секции, реализованной через грязный хак table.ssort. В дополнение ко всему, мы можем запросить формирование не всех свечей, а только нескольких последних, чтобы сэкономить время на вычислении индикаторов.

Использование Candles.lua происходит примерно так.

0) Импорт модуля Canldes.lua

1) Открытие datasource-объекта с помощью функции create. При этом надо указать:
— код класса и код инструмента;
— таймфрейм для свечных данных, из которых будут собираться нужные нам свечи;
— строку «indicativequote» для получения свечей по индикативным ценам или nil, если по обычным;
— время в секундах, которое скрипт будет ожидать при заказе данных.

2) Получение свечных данных на основании datasource из предыдущего пункта.

Пример кода для СПБиржи, где мы корректируем время с учётом перевода часов (надо дописывать информацию о моментах перевода времени в Америке; последний перевод стрелок часов не учтён) и фомируем 30-минутные свечи:

3) Собственно работа с таблицей candles, которая имеет поля:
— size — количество свечей;
— T — массив, индексируемый от 1 до size, содержащий время свечей;
— O, H, L, C, V — массивы с аналогичной индексацией, содержащие данные по Open, High, Low, Close, Volume.

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

4) При завершении работы QLua-скрипта необходимо закрыть datasource-объект командой Close.

Также имеется возможность урезания набора свечей (остаются самые последние в указанном количестве), а также поиск свечи по моменту времени. Детали см. в коде ниже.

Источник

Рисование графиков

Построение графиков на PHP возможно двумя способами. Можно нарисовать самостоятельно или использовать какую-нибудь библиотеку. Я предлагаю научиться создавать графики самим. Во-первых, потому что хорошие библиотеки являются платными. Во-вторых, используя любую библиотеку, вы ограничены её функционалом. Лучше рисовать графики самостоятельно.

Для начала рассмотрим самый простой вариант. Есть массив, содержащий количество пользователей, которые зарегистрировались на сайте за 5 дней.

Выведем этот массив на страницу в виде графика. Сначала нарисуем оси координат.

Рисунок должен выглядеть так:

Чтобы нарисовать линию на графике, нужно найти на нём точки, по которым линия будет строиться. На практике можно сразу находить точку и рисовать по ней линию. Но чтобы пример был более понятным, мы разделим задачу на две части. Сначала найдём все точки, потом нарисуем по ним график. Для этого создадим двухмерный массив, в котором будут координаты x и y каждой точки. Для поиска координат нам нужна точка отсчёта. Это та точка, в которой пересекаются оси координат. В нашем рисунке она имеет координаты

Для определения положения каждой точки нужно использовать масштаб графика. В примере мы задали масштаб сами. По оси x для каждого дня создано 100 пикселей. Первый день находится на расстоянии 100 пикселей от начала отсчёта, второй на расстоянии 200 пикселей и так далее. Значит координата x

для первого дня: 50 + 100 = 150

для второго: 50 + 200 = 250.

Таким образом, массив с координатами точек получается такой:

Теперь по ним построим график. Для этого запустим цикл, в котором будем рисовать линии по соседним точкам:

График выглядит так:

Мы рассмотрели самый простой вариант построения графика. Я заранее знал количество дней и максимальное число пользователей. Поэтому я сам выбрал масштаб графика. Но обычно эти данные могут быть разными и масштаб нужно расчитывать. И сам график выглядит немного иначе. Нам привычно, что оси координат начинаются с нуля. Но для удобства отображения это правило иногда не соблюдается. Ось X начинается не с 0, а с 1, чтобы слева от линии не было пустого пространства. А ось Y показывается так, чтобы на график поместились все значения. Например, если минимальное значение: 60, а максимальное: 70, то ось Y содержит именно такой диапазон. Рассмотрим создание такого графика. Создадим для этого новый скрипт.

В примере ось X имеет длину 520 пикселей. Её нужно разделить на одинаковые сегменты для каждого дня. Ось X начинаться не с 0, а с 1. Поэтому сегмента между 0 и 1 не будет и количество сегментов становится на 1 меньше. Если дней 5, то получится 4 сегмента. Формула расчёта такая:

Число может получится дробное, поэтому результат нужно округлить в меньшую сторону.

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

длина сегмента = длина оси / диапазон

Полученное число также нужно округлить.

Сами оси рисуем, как в предыдущем примере:

Поставим засечки и напишем числа:

На оси Y не будем ставить засечки для каждого сегмента. Поставим на максимуме и в середине:

Остальные цифры ставятся таким же способом.

Строим график. Координаты точек, по которым будем рисовать линии, определяются так:

x = точка отсчёта + номер дня * длина сегмента

Запустим цикл, в котором соединим соседние точки:

Результат должен выглядеть так:

Коприрование материалов сайта возможно только с согласия администрации

Источник

15 лучших JavaScript-библиотек для построения диаграмм и сводных таблиц

Практически невозможно представить себе информационную панель без диаграмм и графиков. Они быстро и эффективно отображают сложные статистические данные. Более того, хорошая диаграмма также улучшает общий дизайн вашего сайта.

В этой статье я покажу вам некоторые из лучших JavaScript библиотек для построения диаграмм/схем (и сводных таблиц). Эти библиотеки помогут вам в создании красивых и настраиваемых графиков для ваших будущих проектов.

Хотя большинство библиотек являются бесплатными и свободно распространяемыми, для некоторых из них есть платные версии с дополнительным функционалом.

D3.js – документы, ориентированные на данные

Сегодня, когда мы задумываемся о графиках, то первое, что приходит в голову – это D3.js Являясь open source проектом, D3.js, вне всякого сомнения, дарит много полезных возможностей, которых не хватает большинству существующих библиотек. Такие возможности как “Enter and Exit”, мощные переходы, и синтаксис, схожий с jQuery или Prototype, делают его одной из лучших JavaScript библиотек для создания графиков и диаграмм. В D3.js они генерируются посредством HTML, SVG и CSS.

В отличие от многих других JavaScript библиотек, D3.js не поставляется с заранее созданными графиками прямо из коробки. Однако вы можете взглянуть на перечень графиков, созданных на D3.js, чтобы получить общее представление.

D3.js не работает должным образом со старыми браузерами, такими как IE8. Но вы всегда можете применить такие плагины как aight plugin для кроссбраузерной совместимости.

D3.js ранее широко использовался на таких вебсайтах как NYTimes, Uber и Weather.com

Google Charts

Google Charts – JavaScript библиотека, которую я регулярно использую для простого и лёгкого создания графиков. Предоставляет множество предварительно созданных диаграмм, таких как комбинированные гистограммы, столбчатые диаграммы, календарные графики, секторные диаграммы, гео схемы, и др.

В Google charts также имеется множество конфигурационных настроек, которые помогают изменить внешний вид графика. Графики формируются с помощью HTML5/SVG добы обеспечить кроссбраузерную совместимость и кроссплатформенную портируемость на IPhone, IPad и Android. Также содержит VML для поддержки старых IE версий.

Вот замечательный список с примерами, построенными на Google charts.

ChartJS

ChartJS наделяет графики красивым плоским дизайном. Он использует HTML5 canvas для рендеринга. Поддержка для старых браузеров, таких как IE7/8, добавляется с помощью полифилла.

Графики ChartJS отзывчивы по умолчанию. Они отлично работают на мобильных устройствах и планшетах. Благодаря 6 основным разновидностям графиков прямо из коробки (core, столбчатый, кольцевой, лепестковый, линейчатый и полярный), ChartJS определённо является одной из наиболее впечатляющих open source библиотек для построения графиков и диаграмм, за последнее время.

Chartlist.js

Chartlist.js предоставляет красивые отзывчивые графики. Также как и ChartJS, Chartlist.js является результатом труда сообщества, которое разочаровалось в дорогих диаграммных библиотеках JavaScript. Он использует SVG для рендеринга графиков/схем. Может управляться и конфигурироваться посредством CSS3 media queries и Sass. Также, примите к сведению, что замечательная анимация, предоставляемая Chartlist.js, будет работать только в современных браузерах.

n3-charts

Если Вы – AngularJS разработчик, то n3-charts определённо вам покажется необычайно полезным и интересным. n3-charts создан поверх D3.js и AngularJS. Он предоставляет множество стандартных графиков в виде настраиваемых AngularJS директив.
Ознакомьтесь с перечнем графиков, созданных с помощью на n3-charts.

Ember Charts

EmberCharts – ещё один великолепный open source репозиторий, построенный на D3.js и Ember.js Предоставляет легко настраиваемые графики временного ряда, гистограммы, секторные диаграммы и диаграммы рассеяния. Использует SVG для рендеринга графиков.

Smoothie Charts

Если вы имеете дело с потоком данных в реальном времени, то вам может пригодиться Smoothie Charts. Для рендеринга графика здесь используется элемент HTML5 canvas. Это библиотека на чистом JavaScript, которая предоставляет такие опциональные возможности для графиков реального времени как задержка и вспышка цвета.

Chartkick

Chartkick – JavaScript библиотека для построения графиков/схем в Ruby приложениях. Предоставляет все основные типы диаграмм, такие как секторная, столбчатая, гистограмма, комбинированная гистограмма, гео, временная и диаграмма кратного ряда. Диаграммы генерируются через SVG.

MeteorCharts

Вы ещё не пробовали работать с Meteor v 1.0? Ладно, MeteorCharts поможет вам в создании красивых диаграмм для Meteor приложений. Для рендеринга графиков предоставляется возможность выбора любой из этих технологий: HTML5 canvas, WebGL, SVG и даже DOM.
Это замечательный генератор графиков, который позволяет вам выбрать его тип, тему, а затем выполнить генерацию. Бесплатен для использования в некоммерческих проектах. Подсчитать стоимость коммерческой лицензии можно здесь.

Highcharts JS

Highcharts JS – ещё одна весьма популярная библиотека для построения графиков. Комплектуется большим количеством анимации разнообразного типа, способной привлечь множество внимания к вашему сайту. Как и другие библиотеки, HighchartsJS содержит множество предварительно созданных диаграмм: сплайновых, фигурных, комбинированных, столбчатых, гистограмм, круговых, точечных и пр.

Одно из самых больших преимуществ применения HighchartsJS – совместимость со старыми браузерами, такими как Internet Explorer 6. Стандартные браузеры используют SVG для рендеринга графиков. В устаревшем IE графики строятся через VML.

Хотя HighchartsJS и бесплатен для персонального использования, вам необходимо приобрести лицензию для коммерческого применения.

Fusioncharts

Fusioncharts – одна из наиболее старых JavaScript библиотек, которая была впервые выпущена в 2002 году. Графики генерируются посредством HTML5/SVG и VML для лучшей портируемости и совместимости.

В отличие от множества библиотек, Fusioncharts предоставляет возможность парсинга как JSON данных, так и XML. Вы также можете экспортировать эти графики в 3 разных формата: PNG, JPG и PDF.

Fusioncharts хорошо совместим со старыми браузерами, такими как IE6. И по этой причине он стал одной из наиболее предпочитаемых библиотек во множестве торговых организаций.

Вы можете бесплатно использовать версию Fusioncharts с водяным знаком как в личных так и в коммерческих проектах. Однако, вам необходимо приобрести лицензию, чтобы избавиться от водяного знака.

Flot – JavaScript библиотека для JQuery, позволяющая создавать графики/диаграммы. Одна из старейших и наиболее популярных диаграммных библиотек.

Flot поддерживает линейчатые, точечные, гистограммы, столбчатые и любые комбинации из этих видов диаграмм. Также совместим со старыми браузерами, такими как IE 6 и Firefox 2.

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

amCharts

amCharts, несомненно, одна из наиболее красивых диаграммных библиотек. Она в полной мере разделилась на 3 независимых вида: JavaScript Charts, Maps Charts (amMaps) и Stock charts.

amMaps – мой любимый из этих трёх, что указаны выше. Предоставляет такие возможности, как теплокарты, рисование линий, добавление текста на карту, загрузка иконок или фотографий в верхнюю часть вашей карты, изменение масштаба и пр.
amCharts использует SVG для рендеринга графиков который работает только в современных браузерах. Графики могут не правильно отображаться в IE ниже 9й версии.

Бесплатная версия amCharts будет оставлять обратную ссылку на этот вебсайт в верхней части каждого графика. Коммерческие лицензии слегка дороже большинства платных библиотек на рынке.

EJSChart

EJS Chart заявляют о своём практичном решении для предприятий. Графики выглядят аккуратней и читабельней чем большинство других из более старых библиотек. Также имеется совместимость с IE6+ и другими старыми браузерами. Ознакомьтесь с этим списком примеров.

EJS Chart предоставляется в бесплатной и платной версиях. Бесплатная версия имеет ограничение, не позволяющее вам использовать более 1 графика на странице и более двух (числовых) последовательностей на графике. Ознакомьтесь с ценовыми подробностями здесь.

uvCharts

uvCharts – JavaScript библиотека с открытым исходным кодом, заявляется о наличии более 100 конфигурационных опций. У неё имеются графики 12 различных стандартов прямо из коробки.

uvCharts построен на D3.js библиотеке. Этот проект обещает устранить все сложные нюансы кодинга D3.js и обеспечить лёгкую реализацию графиков стандартного вида. uvCharts генерируется посредством SVG, HTML и CSS.

Заключение

Теперь выбор наилучшей диаграммной библиотеки для своих будущих проектов остаётся только за вами. Разработчики, которым нужен полный контроль над графиками, определённо выберут D3.js Практически все вышеуказанные библиотеки обзавелись хорошей поддержкой на форумах Stackoverflow.

Если вы ищите инструменты для генерации уже готовых графиков, то перейдите к статье 5 Инструментов Для Создания Удивительных Онлайн Графиков. Вы также можете прочесть Создание Простых Линейных и Столбчатых Диаграмм с Помощью D3.js, для того чтобы начать знакомство с D3.js. Также у нас есть выпуски, посвящённые GoogleCharts с AngularJS.

Надеюсь вам понравилась эта статья. Хорошего дня.

Источник