-
Highcharts. Как получить объект с DOM-контейнера?
Highcharts предоставляет очень широкие возможности воздействия на диаграмму после её инициализации. Но для этого нужно получить объект диаграммы. Как это сделать — в этой статье. Highcharts 3.0.1 var chart=$(«#container»).highcharts(); Highcharts 2.3.4 var index=$(«#container»).data(‘highchartsChart’); var chart=Highcharts.charts[index]; Все, как видите, достаточно просто и очевидно.
-
Highstock. Как сделать несколько Y-осей?
Highcharts, равно, как и Highstock, по моему личному мнению — лучшие вариант для оформления графического представления данных. Сейчас приведу пример, как сделать несколько осей Y, при этом разнести их в разные стороны. Ниже приведен код, демонстрирующий наглядный пример использования нескольких осей. Сперва создаются серии — обратите внимание на параметр yAxis — в нем хранится индекс…
-
Php. Как получить первый ключ ассоциативного массива?
Приведу простой пример, как в две строки получить первый ключ из ассоциативного массива, без применения циклов и встроенных функций. На самом деле все просто — достаточно применить две нативные php-функции — reset() и key(). $array = [ ‘key1’ => ‘val1′,’key2’ => ‘val2′,’key3’ => ‘val3’ ] ; reset($array); echo key($arr); // «key1» Первым делом мы сбиваем…
-
OpenCart. Как отключить вывод ошибок?
Приведу простой алгоритм, как можно отключить вывод ошибок при работе с OpenCart. 1. Войдите в админку. 2. В меню перейдите в раздес «Система» —> «Настройки». 3. В списке магазинов перейдите к нужному и выберите «Редактирвоание». 4. Перейдите на вкладку «Сервер». 5. В самом низу находятся две необходимые нам кнопки: а. «Показывать ошибки» — разрешить или…
-
CSS3. Селектор :not.
Век живи — век учись. Хоть я и не верстальщик, но правки в верстку вношу часто. При этом наличие CSS-селектора :not всегда скрывалось от моего внимания. На самом же деле в CSS3 подобный сплектор есть и позволяет решить множество проблемных вопросов. Например, на данном сайте я добавлял правило для подсветки строк в таблице в контентной…
-
Php. Как создать дамп MySQL в одну строку кода?
Создание регулярных бекапов — залог Вашего спокойного сна. Сегодня я покажу, как сделать бекап базы данных всего в одну строку php-кода. Будем использовать php-функцию shell, а также утилиту mysqldump. Код будет иметь примерно следующий вид: exec(‘mysqldump —user=someuser —password=somepass —host=somehost DB_NAME > /path/to/some/file.sql’); Конечно же, значение имени, пароля, хоста и имени Базы Данных нужно изменить на…
-
Php. PDO. Как вернуть парный проиндексированный результат?
PDO кроет множество полезных и интересных особенностей, способных существенно облегчить жизнь во множестве типичных задач. Например, есть возможность вернуть парный, проиндексированный результат выборки. К примеру, мы имеем следующие данные: +————-+——+ | date | price| +————-+——+ | 2014-02-19 | 34 | | 2014-02-20 | 30 | | 2014-02-21 | 28 | +————-+——+ Для того, чтобы получить…
-
300 статей!
Сегодня, наконец-то, напишу юбилейную, трехсотую статью своего Блога. Вот совсем недавно в разговоре вспоминал, что на первую сотню статей у меня ушло около 3 месяцев, на вторую сотню — примерно 4 месяца. На третью же сотню ушло более полугода. Надеюсь ко второму Дню рождения блога, который будет в следующем январе дойти уже к отметке в…
-
HighCharts. Скрытие и программный вызов Reset zoom.
Не будем писать долгие вступительные речи и просто рассмотрим, как скрыть дефолтную и подключить кастомную кнопку Reset для Highcharts. Реализация, на самом деле достаточно проста: Сначала в параметрах диаграммы отключаем дефолтную кнопку: chart: { resetZoomButton: { theme: { display: ‘none’ } } } Далее добавляем на страницу новую кнопку и вешаем на неё обработчик: $(‘#resetZoom’).click(function()…
-
HighStock. HighCharts. Промежутки времени по оси X.
При построении графиков, в случае вывода по оси X временной метки, может случиться ситуация, когда интуитивный интервал между датами не отображается на графике, вводя тем самым в заблуждение. На языке Highcharts данную проблему называют Irregular data. : ) На самом деле, решение проблемы зайдем всего лишь одну строку и гарантировано решит Вашу проблему. xAxis: {…