Популярные вопросы по тегу HIGHCHARTS

HighCharts показывает формат даты и времени на xAxis

... форматированы как формат даты 5 и времени x utc и y (величина). У меня создалось 4 впечатление, что мне нужно сделать это только 3 для того, чтобы все заработало Highcharts.chart('container', { title: { text: 'Chart with time' }, xAxis: { type: 'datetime', dateTimeLabelFormats: { day: "%e. ...

Highcharts процент от общего количества для простой гистограммы

... мы ряда, в то время как номинальное 15 значение отображается во всплывающей подсказке 14 при наведении курсора ( поэтому я не хочу 13 преобразовывать данные в проценты перед 12 построением графика). Вот изображение, показывающее, что 11 мне нужно и где я сейчас: fiddle Вот что у меня 10 сейчас есть для меток осей в качестве функции 9 форматирования: plotOptions: { bar: { dataLabels: { ...

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

... тая диаграмма, в которой 5 есть несколько категорий, каждая с одной 4 точкой данных (например, like this one). Можно ...

Highcharts 3 не может отображать более 1000 точек за одну серию

... бавите 10 1000 точек к серии, она будет отображаться 9 нормально. Если вы добавите к серии 1001 8 точку, она вообще не будет отображаться. Если 7 вы впоследствии опросите серию, массив «данных» в 6 серии будет пуст. Однако вы можете визуализировать 5 несколько серий с 1000 точками - так что, похоже, нет 4 ограничений с точки зрения общего количества 3 точек на диаграмму. Вот jsFiddle, который 2 это иллюстрирует: ...

Как скрыть метки на высоких диаграммах в круговой диаграмме

... min: 0, gridLineWidth: 0, title: { text: '' }, labels: { enabled: false } }, но по ...

Как получить даты highcharts по оси x?

... менной диапазон 6 достаточно велик, отображаются даты. Однако, если 5 временной диапазон недостаточно велик, он 4 просто показывает часы, например: Это далеко 3 не идеально ... если бы в данном случае 2 м ...

Как заставить rangeSelector работать с HighCharts

... or 3 с HighCharts? Если нет, может ли кто-нибудь 2 предложить другой метод? Похоже, эта по ...

Как я могу получить доступ к диаграмме Highcharts через DOM-контейнер?

... chart: { renderTo: "testDivId", ... Я 2 хочу получить доступ к диаграмме вне контекста 1 выше, как это (псевдокод), для вызова функций: var chart = Highcharts.Chart("testDivId"); //access fr ...

Есть ли способ отключить заголовок и подзаголовок в Highcharts?

... удь может 5 мне помочь. Как отключить заголовок / подзаголовок 4 в высоких диаграммах? (если вы просто оставите 3 текст пустым, он все равно будет вырезать 2 пробел в том месте, где находится заголовок, я 1 бы хотел, чтобы это не происхо ...

Как вы показываете линии сетки для оси x и оси y в highchart?

... с помощью highchart. По 3 умолчанию отображаются только линии сетки 2 оси Y. Как сделать т ...

HighCharts: Можно ли настроить цвета отдельных серий?

... HighCharts для отчета в виде 6 линейного графика. В этом конкретном отчете 5 меня попросили настроить цвета каждой серии. Сериал 4 всегд ...

Highchart - показать / скрыть ось Y, не скрывая серию

... анную с ним ось Y (использование showEmpty:false помогло 10 также скрыть название осей) Я пытаюсь скрыть 9 ось Y данной серии, не скрывая саму серию. Я 8 попытался скрыть это, изменив свойство showAxis 7 следующим образом: serie.yAxis.showAxis = false; но это не работает. Кто-нибудь 6 знает, как мне поступить? РЕДАКТИРОВАТЬ: мне 5 удалось ...

Настроить всплывающую подсказку highcharts для отображения даты и времени

... роект, который должен показать 5 этот график: http://jsfiddle.net/Kc23N/ Когда я нажимаю точку (всплывающую 4 подсказку), я хочу показать понятную дату, а 3 не значение в миллисекундах. Думаю, нужно 2 изменить этот фрагмент кода: tooltip: { headerFormat: '<b> ...

Highcharts: сделайте символ легенды квадратом или прямоугольником.

... ay', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, plotOptions: { series: { marker: { enabled: false } } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', symbolHeight:100, borderWidth: 0 }, series: [{ data: [29.9, ...

HighCharts - Сделайте круговую диаграмму 100% div

... 198px и 3 высоту 152px. Кроме того, я хотел бы иметь эффект 2 linear-gradient внутри каждого кусочка пирога. Вы можете 1 посоветовать, как это сдел ...

Как импортировать highcharts-more

... могу понять, как 4 это сделать. В настоящее время я добавил 3 в свой проект highcharts из app.module.ts следующим образом: import { ChartModule } from 'angular2-highcharts'; import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService'; import * as ...

Изменить цвет фона HighCharts?

... / Но, похоже, я не могу этого 8 сделать - кажется, нет четкого места для 7 установки цвета фона? В этом разделе я пытался 6 записать много разных значений: chart: { polar: true, type: 'line' }, Но он ничего 5 не сделал (иногда ломал этот скрипт). Мне 4 нужно изменить его где-нибудь во вкл ...

Адаптивные диаграммы Highcharts не изменяют размер до тех пор, пока размер окна не изменится

... <div id="heartDemo"></div> </div> <!--close 6--> <div class="large-6 columns"> <div id="heartStages"></div> </div> <!--close 6--> </div> ...

Получить данные серии Highcharts после загрузки

... но не то, что 2 мне нужно. Интересно, может ли кто-нибудь 1 помочь мне с этим? Код jQuery: success: function (chartData) { if(chart != undefined) { $('#meterloader').hide(); $.each(chart.series[0], function(value) { alert(value); }); } else { $('#meterloader').hid ...

Как масштабировать высоту Highcharts при изменении размера окна с помощью React

... у адаптивной, установив 4 overflow: hidden, заставив диаграммы масштабироваться, насколько 3 я понимаю, но я не знаю, как добиться того 2 же эффек ...

Текстовые метки Highcharts для оси Y

... . Я заметил, что это 5 в некоторой степени возможно сделать с помощью 4 полос графика, но при этом по-прежнему отображаются 3 числовые метки оси Y и просто помещается 2 текст рядом с ними. Я хоч ...

Обновление серии Highchart в javascript

... module'): var vn = ' (M)'; break; default: var vn = ''; } x['name'] = rollup[i].rollupName + vn; x['data'] = rollup[i].kpiData; cData.push(x); } return cData; } вывод 4 массива выглядит так: [0: ['name': 'California', 'data': [0.002, 0.003 3 ...], ...

Как импортировать высокие диаграммы с помощью webpack и babel

... arts-release --save Но обычный импорт (ES6) не работает 4 должным образом: import highcharts from 'highcharts'; Как я могу импортировать 3 Highcharts с помощью импорта webpack? Можете 2 ли вы опубликовать пример webpack.config.js 1 (или другой способ настройки плагинов)? Спасибо. ИЗМЕНИТЬ Ошибка: Uncaught Error: Cannot find mo ...

Установка ширины метки оси x Highcharts

... ', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec','这是一个很长很长很长的中文'], labels: { style:{ width:'30px',// not work for text without empty space wordWrap: 'break-word'//no use }, step: 1 } }, plotOptions: { series: { pointWidth: 30 } }, series: [{ data: ...

Как отформатировать метку оси X в диаграммах высокого уровня

... y' }, startOnTick: true, showFirstLabel: true, endOnTick: true, showLastLabel: true, categories: dateAndTimeArray, tickInterval: 10, labels: { rotation: 0.1, align: 'left', step: 10, enabled: true }, ...

ReactErrorUtils.invokeGuardedCallback в React многократно запускает событие в браузере IE

... зовов, я 5 обнаружил, что ReactErrorUtils.invokeGuardedCallback 4 повторно отправляет это событие. Сталкивался 3 ли кто-нибудь с подобной проблемой с реагирующим 2 компонентом, который запускает клики при 1 любой опе ...

Highcharts: линейный график с половинной сплошной линией и половинной пунктирной линией?

... 3 прогнозируемые данные, поэтому линия должна 2 быть пунктирной или штриховой. Возможно 1 ли это ...

Отключить и щелкнуть легенду в столбчатой ​​диаграмме HighCharts

... //jsfiddle.net/D8Ez3/ * как видите, легенда графика кликабельна. Мне 5 нужно, чтобы элементы в легенде нельзя было 4 щелкнуть, потому что, когда вы щелкаете 3 все элементы, диаграмма возвращается пустой. Я 2 бы предпочел не использовать детализированную 1 диаграмму. Есть идеи? chart = new Highcharts.Chart({ chart: { renderTo: 'impact', type: ...

Как я могу использовать средство форматирования всплывающих подсказок диаграммы в react-highcharts?

... () => { s += '<br/>' + this.series.name + ': ' + this.y + 'm'; }); return s; }, shared: true }, ... } Но я не могу получить 3 доступ к области диаграммы с помощью этог ...

Поместите текст в центр круговой диаграммы - Highcharts

... его, что 12 могло бы напрямую включить это, поэтому 11 я думаю, что для этого требуется средство 10 визуализации Highcharts SVG - chart.renderer.text('My Text', x, y). У меня есть 9 такая настройка, но я не могу расположить 8 текст по центру круговой диаграммы. Кажется, что 7 проценты не принимаются для значений x и 6 y. Есть ли программный способ центрировать 5 его внутри графика и выжить при изменении 4 размера контейнера? Обновле ...

Построчно изменять файл csv

... чу использовать 5 PHP, чтобы сделать это быстро: Мой файл - это 4 файл CSV; 20010103,02,00,00,0.9496 20010103,03,00,00,0.9504 20010103,04,00,00,0.9499 Я хочу сделать это так, чтобы иметь 3 возможность использовать его позже с Highchart: [Date.UTC ...

Удалить тень / свечение фона на метке данных highcharts?

... backgroundColor и другие свойства из их 2 API (http://api.highcharts.com/highcharts#plotOptions.column.dataLabels), но не могу понять, что определяет 1 это свечение за красным текстом. plotOptions: { columnrange: { dataLabels: { enabled: true, color: 'red', inside: false, xHigh: -45, xLow: -9999999, ...

Две оси Y в Highcharter в R

... (categories = c("2016-01-01","2016-02-01","2016-03-01","2016-04-01","2016-05-01","2016-06-01","2016-07-01","2016-08-01","2016-09-01","2016-10-01"))%>% hc_yAxis( list(title = list(text = "Yaxis1")), list(title = list(text = "Yaxis2"), opposite = TRU ...

Как переместить всплывающую подсказку в Highchart?

... бы 4 положение всплывающей подсказки было вертикальным, а 3 не горизонтальным. Можно ли этого добиться? Любая 2 помощь приветствуется! JSFiddle - Example Образец 1 кода: $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'bar' }, title ...

Изменение размера шрифта Highcharts

... размер 8 шрифта слишком мал. Я пробовал добавить: legend: { itemStyle: { color: '#000000', fontWeight: 'bold', fontSize: '15px' } в 7 мой файл js, предоставленный сайтом, но 6 это не приводит к изменению размера шрифта. Кроме 5 тог ...

Как изменить цвет метки Highcharts xAxis индивидуально?

... 'Sep', 'Oct', 'Nov', 'Dec'], labels: { style: { color: 'red' } } }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); Тем 4 не менее, в приведенном выше описании все 3 метки xAxis становятся красными. Как изменить 2 цвет каждой метки по отдельности, чтобы 1 ...

Высокие диаграммы удаляют точки с линейного графика

... строки. Пожалуйста, поделитесь, если 2 вы знаете, какие настройки нужно изменить, чтобы 1 удалить точки. http://gyazo. ...

Форматирование меток оси Y Highcharts

... } и тоже пробовал yAxis: { labels: { format: '${value}' } } Но в обоих случаях 4 отображается 3000 долларов США вместо 3000 3 долларов США. Можно ли добавить символ валюты 2 без потери префикса метрики? Вот демонстрация 1 (JSFiddle here), которая иллюстрирует проблему $(function() { $('#container').highcharts({ yAxis: { // if you include the lines below, the metric prefixes disa ...

Как убрать кнопку с Highcharts

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

Преобразование строки в Datetime Rails

... eight => '400') f.yAxis [:title => {:text => "Temperature", :margin => 20, style: { color: '#333'}}] f.series(:pointInterval => 1.hour, :pointStart => 30.day.ago, :type => 'area', :name => '24hrs', :data => [[datetime, temps]]) f.options[:xAxis] = { :minTickInterval => 24 * 3600 * 1000, :type => "datetime", :dateTimeLabelFormats => { day: "%b %e"}, :title => { ...

Как я могу изменить ширину полос на диаграмме highchart?

... umn chart with negative values' }, xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }, tooltip: { formatter: function() { return ''+ this.series.name +': '+ this.y +''; } }, credits: { enabled: false }, series: [{ ...

HighCharts: метки отображаются над всплывающей подсказкой

... 'Safari', 8.5], ['Opera', 6.2], ['Others', 0.7] ] }] }); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <div id="graf1" style="width: 400px; height: 250px; float: ...

Программное изменение заголовка диаграммы в highcharts

... рамма, которую 6 я обновляю через AJAX, и все работает нормально, за 5 исключением того, что я не могу изменить 4 фактический заголовок диаграммы при обновлении 3 данных. Я пробовал оче ...

Как убрать «Значения» и «серии» из highcharts?

... 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] } но я не могу найти способ удалить именно 2 их. Here is the fiddle на изображении выше. Кто-нибудь знает, как 1 я мо ...

Jinja2: TemplateSyntaxError: обнаружен неизвестный тег

... text: 'Rainfall (mm)' } }, legend: { layout: 'vertical', backgroundColor: '#FFFFFF', align: 'left', verticalAlign: 'top', x: 100, y: 70, floating: true, shadow: true }, tooltip: { formatter: function() { ...

Как я могу переместить метки yAxis из правой части диаграммы в левую часть диаграммы в highstock

... авой части диаграммы, а я хочу, чтобы 4 она была слева. В предыдущей версии Highstock 3 он по умолчанию был слева. Я также пробовал 2 свойство a ...

Программно запускать событие щелчка в элементе SVG rect

... ct><g class="highcharts-axis highcharts-xaxis "><path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1" d="M 156 15.5 L 146 15.5" opacity="1"></path><path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1" d="M 156 36.5 L 146 36.5" opacity="1"></path><path fill="no ...

Круговые диаграммы Highcharts получают выбранный идентификатор пирога

... вать диаграмму new Highcharts.Chart({ .... .... series: [{ type: 'pie', name: 'Category', data: data }] }); Как 2 получить идентификатор выбранного пирога. Я 1 делаю это в plotOptions: { series: { animation: false, e ...

Как установить максимальное значение yAxis графика Highcharts

... си y на Highcharts. У меня есть графическое изображение столбца в процентах, но 7 наивысшее значение в серии - 60, поэтому 6 ось настраивается на верхнее значение 70, я нашел способ < strong> выберите 5 начальную точку, но ...

Установите дополнительные данные для серии highcharts

... ; } здесь мы можем использовать 5 только series.name, this.x и this.y для 4 серии. Допустим, мне нужно передать другое 3 динамическое значение только с набором данных 2 и получить доступ через объект серии ...