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

Как скрыть / отключить поле легенды в Highcharts.js?

... text: x_axis.title, margin: 15 }, categories: categories, }, (...) }; // Create the chart var chart = new Highch ...

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

... } from 'angular2-highcharts'; import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService'; import * as Highcharts from 'highcharts/highstock'; imports: [ ChartModule ] providers: [{ provide: HighchartsStatic, useValue: Highcharts }], Когда 2 я пытаюсь импортировать его вот так: import * as HighchartsMore from 'highcharts/highcharts-more'; Я получаю 1 следующую ошибку: Module ...

Как изменить цвет текста в Highcharts

... .). Затем я наткнулся на параметр 3 chart.style. Кажется, что это должно работать, но не работает. В 2 этом jsfiddle demo вы увидите, что я смог измен ...

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

... or="middle" transform="translate(0,0)" class="highcharts-axis-title" style="color:#666666;fill:#666666;" y="303"><tspan>Gross Spends - $</tspan></text><path fill="none" class="highcharts-axis-line" d="M 156 265 L 431 265"></path></g> <g class="highcharts-series-group"> <g class="highcharts-series highchart ...

Отображение процентов на оси Y столбчатой ​​диаграммы Highcharts

... name: 'Tokyo', data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }, { name: 'New York', data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 1 ...

Как я могу исправить ошибку Highcharts №13?

... <p><span class="font30px">{{total}} </span> Total {{name}}<br><span class="green-text">{{increase}}%</span> from last <span class="metric_time"></span></p></div><div class="graph ...

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

... ; //and chart.title.text="New title"; и т. д. - безрезультатно 2 и не смогли найти решение в Интернете. Любая 1 помощь будет принята с благода ...

HighCharts загружает данные через ajax

... 521,49,81,0,101,0,0,0,21,3071,0,0,0,0,0,1479,6124,2409,2608,0,0,3457,2057,2580,5876,4638,0,0,3337,3479,430]}" Вот мой код: var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line', marginRight: 130, ...

Фрейм данных Pandas в словарь списков

... f.set_index(['date']) df2 Вывод: time temp foo date 2014-10-1 1 3 0 2014-10-2 2 8 7 2014-10-3 3 4 9 2014-10-4 4 4 8 2014-10-5 5 6 2 Желаемый 3 результат: я использую этот результат в 2 Highcharts, который требует, чтобы он был 1 словарем списков, например: {'date': ['2014-10-1', '2014-10-2', '2014-10-3', '2014-10-4', '2014-10-5'], ...

Ширина Highcharts превышает размер контейнера div при первой загрузке

... id="hg_graph" style="width: 100%"></div> </div> Мой график highcharts - это базовый 19 график, взятый из одного из их примеров, где 18 я не установил свойство диаграммы width. При первой 17 загруз ...

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

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

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

... }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], labels: { style: { color: 'red' } } }, series: [ ...

Как нарисовать вертикальную линию на HighCharts?

... вертикальную временную 2 шкалу на текущий день, но н ...

Форматирование номеров всплывающих подсказок в Highcharts

... hcharts.setOptions({ global: { useUTC: false, }, lang: { decimalPoint: ',', thousandsSep: '.' } }); $('#container').highcharts({ xAxis: { type: 'datetime' }, tooltip: { pointFormat: '{series.name}: &lt;b&gt;{point.y}&lt;/b&gt;&lt;br/&gt;' + 'Count: &lt;b&gt;{point.count}&lt;/b&gt;&lt;br/&gt;', shared: true }, series: [{ data: [{ ...

Как предотвратить сокращение меток многоточием в highcharts

... .0625" style="color: rgb(96, 96, 96); cursor: default; font-size: 9px; padding: 0px; fill: rgb(96, 96, 96);" text-anchor="middle" transform="translate(0,0)" y="32" opacity="1"&gt; &lt;tspan&gt;47…&lt;/tspan&gt; &lt;title&gt;47.5k&lt;/title&gt; &lt;/text&gt; Я попытался 3 добавить в javascript следующее свойство: labels: { autoRotation: false, style: { width: '200px', 'min-width': '200px' }, Но 2 это не рабо ...

График HTML5 / JS со скользящей средней

... йти, - this website. Глядя на его файлы JS, я не могу 4 определить библиотеку графических диаграмм. При 3 ближайшем рассмотрении выясняется, что скользящее 2 ...

Метки оси X Highcharts как текст

... десятичных знаков, то есть 2 {0,1,2} без разделения меток из JSON и предоставления 1 их в Категории. $(function () { $('#container').highcharts({ chart: { }, xAxis: { labels: { enabled: true } }, s ...

Изменить цвет серии Highcharts

... ?? Обновил мой код Исходное сообщение: У 5 меня здесь есть рабочая диаграмма http://opensourcesurf.com/chart.html. Проблема 4 в том, что когда я пытаюсь изменить цвет 3 отдельного набора данных, все они меняются. Как 2 я могу изменить эти настрой ...

Скрыть оси и линии сетки Highcharts

... До сих пор я пытался 4 установить ширину линий равной 0, но это 3 не сработало. xAxis: { lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent' } Можно ли просто глобаль ...

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

... dth: 0, title: { text: '' }, labels: { enabled: false } }, но похоже, что 1 ...

Всегда отображать метки данных над столбцами в HighCharts

... бцом? Прилагаю 3 пример, где одна из моих меток принудительно 2 приведена ниже. Я безуспешно пробовал много 1 комбинаций в dataLabels: plotOptions: { column: { dataLabels: { ...

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

... ghcharts 5 в контейнере div, как я могу получить доступ 4 к объекту диаграммы через контейнер div? Я 3 не хочу делать переменную диаграммы глобальной. var chart = new Highcharts.Chart({ chart: { renderTo: &quot;te ...

Пончиковая диаграмма Highcharts без внутреннего пирога?

... 5 диаграммы как с внутренним кругом, так и 4 с внешним кольцом (см .: http://www.highcharts.com/demo/pie-donut) Как мне избавиться 3 от внутреннего пирога и оставить только 2 внешний пончик, как это делают другие библиотеки? (что-то 1 вроде RGraph: http ...

highcharts - отключить серию затухания при наведении маркера

... 4 я нахожу курсор на маркер какой-либо серии, другая 3 фоновая серия бледнеет и с ...

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

... = new Array(); var v = rollup[i].rttSystem; switch(v){ case('line'): var vn = ' (L)'; break; case('node'): var vn = ' (N)'; break; case('module'): var vn = ' (M)'; break; default: var vn = ''; } x['name'] = rollup[ ...

Неверный каталог временных изображений в конфигурации обработчика диаграмм

... .Charting.ChartHttpHandler.get_Settings() +197 System.Web.UI.DataVisualization.Charting.ChartHttpHandler.InitializeControllerFile() +51 System.Web.UI.DataVisualization.Charting.ChartHttpHandler.EnsureInitialized(Boolean hardCheck) +357 System.Web.UI.DataVisualization.Charting.Chart.g ...

Адаптация текста к максимальной ширине всплывающей подсказки highchart

... на определена, поэтому, если 5 текст не соответствует этой максимальной 4 ширине, увеличьте высоту всплывающей подсказки, чтобы 3 она соответствовала тексту) Что работает 2 с простыми HTML-материалами ... #my_div { heig ...

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

... показать линейный график временных 6 рядов на высоких диаграммах - слева от центра 5 находятся исторические данные ...

Пончиковый пирог Highcharts / позиция легенд

... аграмма - по правому 1 краю. 40/60 процентов - немного. вот так: chart = new Highcharts.Chart({ chart: { renderTo: 'chart', type: 'pie', }, credits: { enabled: false }, title: { text : '', }, plotOptions: { pie: { shadow: false, borderWidth: 0 } }, tooltip ...

Как я могу изменить цвета моей круговой диаграммы высоких частот?

... }, credits: { enabled: false }, title: { text: caption }, tooltip: { formatter: function () { return this.y + ' links'; } }, plo ...

HighCharts Скрыть название серии от легенды

... ='Series 1') { return this.name; } else { return 'Legend'; } } } Если я изменю возврат 8 с «Легенда» на «», текст не будет отображаться, но 7 все равно будет «тире» в верхней части легенды. Если 6 я не использую функцию форматирования меток, у 5 меня есть «Серия 1» + «тире», как первая 4 строка ...

Ошибка Highcharts 15

... } }, yAxis: { title: { text: 'Occurrence' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: 'Occurrence' }, legend: { layout: 've ...

Highcharts: установите максимальные и минимальные значения оси Y динамически, а не при создании.

... установить 4 min/max в Highcharts ПОСЛЕ создания диаграммы. Мне 3 известно о начальной настройке, такой к ...

Как я могу прочитать файл Excel с помощью JavaScript (без ActiveXObject)

... нако перед использованием chart.js 6 мне нужно собрать данные из файла Excel. Итак, как 5 читать файл Excel через JavaScript? После 4 некоторых исследований мне удалось сделать 3 это с помощью Internet Explorer (с использо ...

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

... отчете 5 меня попросили настроить цвета каждой серии. Сериал 4 всегда останется прежним. Так например: Серия 3 John: синяя пу ...

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

... ся? div имеет ширину 198px и 3 высоту 152px. Кроме того, я хотел бы иметь эффект 2 linear-gradient ...

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

... rts.theme.dataLabelsColor) || 'white' } } }, series: [{ name: 'John', data: [5, 3, 4, 7, 2] }, { name: 'Jane', data: [2, 2, 3, 2, 1] }, { ...

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

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

Удалить серию по имени или идентификатору в highcharts

... икатору? Я имею в виду, что можно 2 удалить серию с помощью this.remove() или var seriesLength = chart.series.length; for(var i = seriesLength - 1; i &gt; -1; i--) { ...

Как показать сообщение об отсутствии данных на высоких диаграммах

... сообщение Пример: No Data Available. Если 2 у нас есть данные hide: No Data Available message. в высоких 1 диаграммах динамически ...

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

... 6 или прямоугольником для линейного графика. Example Линия 5 в порядке. Я не хочу менять ширину линии. HTML: &lt;script src=&quot;http://code.highcharts.com/highcharts.js&quot;&gt;&lt;/script&gt; &lt;div id=&quot;container&quot; style=&quot;height: 400px&quot;&gt;&lt;/div&gt; Javascript: $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line', }, ...

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

... раммы: Я 4 пробовал отключить всевозможные ярлыки, например 3 этот: { title: { text: 'X axis labels are disabled' }, xAxis: { labels: { enabled: false } }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 2 ...

Изменить заголовок оси HighCharts

... о-то 2 вроде этого: charts.series[0].yAxis.title.text = 'new title'; или charts. ...

Настроить всплывающую подсказку и отформатировать число до 2 десятичных разрядов высоких диаграмм

... series.name}: {point.percentage}% ' т.е. Доля 11 браузера: процентное значение Я хочу показать: Browser share: 40 (data value instead of percentage) 2. Далее 10 следует отображаемый текст для каждого раздела 9 круговой диаграммы. Можно увидеть n количество 8 десятичных знаков, из-за чего график выглядит 7 очень некрасиво. Я хочу отображать числа 6 до двух десятичных знаков, например percentag ...

Событие щелчка при нажатии на график

... ({ tooltip: { shared: true }, series: [{ name: 'Berlin', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] }, { name: 'London', d ...

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

... й для оси Y я хотел бы использовать 7 текстовые значения. Например, вместо [0,5,10,15,20] я 6 хотел бы использовать [Very Low,Low,Medium,High,Very High]. Я заметил, что это 5 в некоторой степени возможно сделать с помощью 4 полос графика, но п ...

Две оси Y в Highcharter в R

... jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/yaxis/opposite/ http://www.highcharts.com/demo/combo-dual-axes Вот 2 что я сделал на данный момент: g &lt;- highchart()%&gt;% hc_xAxis(categories = c(&quot;2016-01-01&quot;,&quot;2016-02-01&quot;,&quot;2016-03-01&quot;,&quot;2016-04-01&quot;,&quot;2016-05-01&quot;,&quot;2016-06-01&q ...

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

... ейнере 6 разделяли высоту и реагировали на изменение 5 размера окна. Я сделал ширину адаптивной, установив 4 overflow: hidden, заставив диаграммы масштабироваться, наскольк ...

HighCharts - Как отключить точки?

... re - это документация. Я 4 хотел бы отключить эти пункты, но сначала 3 я не знаю, как это называется. П ...

Относительное время Javascript 24 часа назад и т. Д. Как время

... начала, когда вы используете время 17 для оси x, как в этом примере Highcharts time example. Я не могу 16 понять, как сказать, что это началось 24 15 часа назад, например, если время сейчас 14 было 22:34 вечера 18-го числа, я хочу, чтобы 13 он начался в 22:34 вечера 17-го числа. Я 12 не очень хорошо разбираюсь в коде, связанном 11 со временем и датой, и ...