Questions tagged [highcharts]
Highcharts is a Javascript charting library that uses HTML, SVG, and VML. The editor offers both open source/nonprofit and commercial editions of the product.
25,804
questions
0
votes
0
answers
9
views
Hide group of columns with values 0 or null - Highcharts
How to hide a group of columns with values 0 or null (service 1 and service 3) ?
Highcharts.chart('container', {
chart : {type: 'column'},
xAxis: { categories: ["service 1", "...
2
votes
1
answer
31
views
Need help in centering the data labels on the top of slice of pie chart in highchart
need help in centering the pie data labels on top of slices.
I'm using React Highchart.
Currently the Chart looks like this.
Sample Code for label centering:
function redrawDatalabels() {
var chart ...
0
votes
0
answers
23
views
Make legend wrap in 2 lines with ellipsis
I have a packed bubble highcharts: https://jsfiddle.net/3yc24qxn/
The code looks like:
(function(H) {
H.addEvent(H.Series, 'afterDrawDataLabels', function(e) {
const series = this;
const ...
0
votes
1
answer
18
views
Can you plot time series falling into multiple categories in using R package Highcharter (or Highcharts) as you can in ggplot2?
From time to time you would like to plot time series that can have multiple labels, say, sex and ageGroup, for example. Let's say you would like to use colors to make a distinction between ageGroups ...
0
votes
1
answer
25
views
Property 'data' does not exist on type 'SeriesOptionsType'. Property 'data' does not exist on type 'SeriesAbandsOptions'
We are upgrading highcharts & angular versions.
Angular: 12.1.5
highcharts: 9.0.1
highcharts-angular: 3.0.0
Earlier we used to have angular-highcharts as wrapper to highcharts js now migrating to ...
0
votes
1
answer
18
views
How to use Highcharts Flowmap in React project with typescript
I want to get a similar chart in react project using typescript - https://www.highcharts.com/demo/maps/flowmap
The flowmap module is present in highcharts as a .js file, not a .ts file.
As a result, ...
0
votes
1
answer
25
views
How can I implement HighCharts to use gauge chart in angular using typescript
In my current angular project I'm trying to show a statistic using gauge chart.
The library that I'm using is HighCharts I have to mention that I used other types of chart from HighCharts in this ...
1
vote
0
answers
43
views
Highcharts horizontal scrolling bug with datetime type
I have a highcharts chart in place using v11.
There are two series in two panes: candlestick on the upper / column with volumes on the lower pane.
I want to display the full day, so I've been using ...
0
votes
0
answers
23
views
Plotting multiple different plots using same container and different data in Highcharts
I have an xrange graph and i want to plot a lengend on top what each color signifies in the same line. The xrange graph should be below the said legend.
The legend has 4 values (eg. val1,val2,val3,...
0
votes
1
answer
19
views
Highcharts - Position the legend navigation to right
I have a chart with legends. but when legend items count goes big, then legend navigation automatically appears at the bottom of legends.
Any way using which I can position the legend navigation ...
0
votes
1
answer
23
views
Highcharts create custom yAxis labels
I want to create following chart example, the xAxis and lines are no problem - thats already done. But I just can't get the custom yAxis label configuration get to work. Could someone provide an ...
0
votes
0
answers
26
views
python highcharts integration issue with loading script in Jupyter Notebook
I encounter this issue while integrating highcharts into my python application with https://github.com/highcharts-for-python/highcharts-core
Something went wrong with the Highcharts.js script. It ...
0
votes
1
answer
12
views
Highchart grouped_categories plugin add scrollbar feature to the chart
Got any ideas to add scrollbar on grouped_categories chart
Grouped_categories refer: http://blacklabel.github.io/grouped_categories/
I have try to use the
scrollbar: {
enabled: true
},
Scrollbar ...
0
votes
1
answer
20
views
Iron Condor Chart
How to create Iron-Condor chart that contains Area, Line and Bar chart combined?
I have used libraries like Apexcharts and HighCharts, but not getting anything that provides these three graphs ...
0
votes
0
answers
17
views
Highcharts treegraph chart zooming is not working (using highcharts version 11.1.0 with highcharts-react-officialversion 3.2.1)
From highcharts version 11, mouseWheel zooming is supposed to work out of the box when using highcharts/highstock, but in my case , with a treegraph serie type, it doesn't, can anyone help with this ...
-1
votes
1
answer
21
views
HighCharts 3D: Offset from the mouse when hovering over the series [closed]
I am building a 3D area chart using the options3D module.
I noticed that there is a certain offset from the mouse when hovering over the series.
It is very difficult to reach the left and right ends ...
0
votes
0
answers
23
views
Laravel Yajra datatables highcharts integration
I'm trying to integrate highcharts with yajra but for now I haven't succeeded, at the moment to display the table in the blade view file I have this code, but how to recognize the table with ...
1
vote
1
answer
35
views
Inconsistent Data Points in HighCharts Scatter Plot with ReactJS
Previousy, I was using line charts. but now, I want multiple data points on same X-Axis with tooltip, and according to HighCharts behaviour -
"In a line chart, by default, Highcharts will display ...
0
votes
0
answers
12
views
Using Highcharts with IE 11 from ES5 folder but it crashes
I try to run Highcharts with IE11 but it crashes
I load Highcharts from ES5 folder as told in the documentation.
IE11 devtool console indicates that the Highcharts es5 code not seem to be valid ES5.
...
0
votes
1
answer
15
views
HighchartsReact render the graph when minimize or maximize the browser
How can I render the graph when minimize or maximize the browser?
I don't know if it's related to the graph config or to the style.
just to make it clear.
this is how to graph looks like when the page ...
0
votes
1
answer
31
views
HighchartsReact adding line between 2 dots while hovering using Stacked area
I want to add a line that connects between the 2 dots on the graph while hovering.
currently it looks like this:
and I want it to look like this:
my current connfig:
plotOptions: {
...
1
vote
1
answer
20
views
HighchartsReact changing the legend order
I want to control the legend order so data2 will be displayed first from the left and then data1, without changing the order of my series objects. is there a way to do it?
I want it to look like this:...
1
vote
1
answer
20
views
HighchartsReact changing the legend symbol into Square
I want to change the symbol of the legend from circle to square. is there a flag that I can add to the legend section to change it?
my legend section currenlty look like this:
legend: {
...
0
votes
0
answers
20
views
Highcharts world map view to angular
Sorry for simple question i tried a lot to implement the https://www.highcharts.com/demo/maps/all-maps
to angular 13. Cannot use Jquery part in my angular application. has anyone achieved the same ...
0
votes
1
answer
17
views
Ionic Highchart-angular mapchart, How to set minZoom level?
I have created a fullscreen Highcharts choropleth mapchart with the Esri Tiled Web Map(background) in Ionic & angular 14. In mobile view, while zoom out there is space on top of map. So wanted to ...
1
vote
1
answer
37
views
Placing label within the packed bubble - highcharts
I have a packed bubble chart and here is the jsfiddle: https://jsfiddle.net/ytvcjzx1/
Here is the code:
(function(H) {
H.addEvent(H.Series, 'afterDrawDataLabels', function(e) {
const series = ...
0
votes
1
answer
36
views
Displaying a vue component inside highcharts tooltip via vue-portal
I'm quite far on this but getting stuck here.
Here is my nearly complete example:
https://codesandbox.io/s/highcharts-vue-demo-forked-5pgv2h?file=/src/components/Chart.vue
What I'm doing
I try to ...
0
votes
0
answers
38
views
Angular Highcharts not displaying data from API
Appreciate there are a lot of similar questions but I can't quite see where I've gone wrong as I have the same approach working with a different chart type in another control.
I have a child component ...
-3
votes
0
answers
11
views
Got Error 520, while downloading the highcharting in my webpage
I have highcharts in my webpage, while i try to download a highchart i got error 520. I got this for only one chart remaining are working fine,i can't able to understand why it is not working
enter ...
-1
votes
0
answers
19
views
Hide Sub Level Boxes in Large Treemap
We are trying to hide the sub level boxes in large tree map as per the example code given by high chart but its not working, please see details below
Original example given by ChatGPT doesn’t have sub ...
0
votes
0
answers
21
views
Change the scale of only one axis in a plot with multiple Y axis
I have a dataframe that looks like this:
Time Temp DO Pump1 GasFlo O2 pH Agit Pump3
<dttm> <dbl> <dbl> <dbl> <dbl> <dbl> ...
0
votes
0
answers
18
views
Highcharter R: Changing the "series" label for plots with multiple Y axis
I have a data frame called raw data that looks like this:
head(rawdata)
# A tibble: 6 x 9
Time Temp DO Pump1 GasFlo O2 pH Agit Pump3
<dttm> <dbl> ...
0
votes
1
answer
24
views
Can highcharts create charts like this?
It's very similar to polar chart with column type, like this one:
But the column type polar chart has gaps between each axis.
Is there any way to remove that gaps and keep the strokes just like the ...
0
votes
1
answer
19
views
highcharts dashboards.js does not honor colors specified in the series
When I put together an individual chart and specify colors for each series rather than a theme, everything works fine. As I add these charts to a Dashboard, the color specification is disregarded and ...
1
vote
0
answers
26
views
HighcharteR : unable to center x labels
I tried a lot of thing to center x labels with columns without success.
Here is a reproductible code :
library(tidyverse)
library(highcharter)
df <- data.frame(
"sample"=c("sample ...
0
votes
1
answer
27
views
How can I fix yAxis scrollbar issues in Highchart Ganttchart?
Using Highchart Gantt chart, I have created timeline application. Here is the link to it Highchart Gantt Chart
I have requirement of showing unlimited rows and for that I have enabled scrollbar for ...
0
votes
1
answer
31
views
Highcharts angular map chart with tiledwebmap and choropleth not working?
I am trying to create a Highcharts choropleth mapchart with the Esri Tiled Web Map(background) in angular 14. both series working if loaded seperately, but if i render a map with both choropleth ...
0
votes
0
answers
18
views
Highchart Zoom issue in mobile browser
Greetings,
I'm writing this to request you for support to solve an issue of mobile browsing. We're using multiple types of charts in the same chart simultaneously. Here, the details are as follows:
- ...
0
votes
0
answers
32
views
Highcharts filter is not working in Codigniter
I created a Highchart in Codeigniter to populate item issued status in stock. The chart is generated correctly as follows :
I used the following code to do this.
Controller :
<?php if ( ! defined('...
0
votes
2
answers
38
views
Highcharts - Show x-Axis labels in legends
I have implemented Stacked Column chart using highcharts. where x-axis is showing the Manufacturer name and y-axis showing respective models in the form of stacks.
Stacked column chart
Now the legends ...
0
votes
1
answer
15
views
Highcharts remove x-axis label solid line
Is there a way I can remove the line that appears above the x-axis labels?
0
votes
1
answer
35
views
i need suggestions for a suitable marker clustering algorithm (highcharts/highmaps)?
tell me if anyone has the simplest common example of a marker clustering algorithm on a map similar to this one - demo. The algorithms described in the documentation (optimizedKmeans, kmeans and grid) ...
0
votes
1
answer
26
views
HighCharts Histogram - overlapping item with hardcoded height
I have a very specific requirement, which can be shown as below:
The problem is the rhombus. This is basically an own timeseries with just one value, which indicates the value of the current logged ...
1
vote
1
answer
21
views
Highcharts - mouseover event over column
We are trying to access the values of column where user is hovering.
Initially we have used Window.event for capturing the point but after upgrading the angular and node versions, window.event is not ...
0
votes
1
answer
23
views
R highchart xrange charts for 24hour time period
I have referred to the example for xrange charts from this link https://jkunst.com/highcharter/articles/highcharts.html.
My x-axis for xrange chart is within a day (24hr period) unlike the original ...
0
votes
1
answer
20
views
Bubble chart Hover
Can we remove 'Series 1' displaying on top or modify it?
Also, can we limit the number of values displayed on hover and add a view more option?
Bubble Chart
We were tring to remove or modify the '...
0
votes
1
answer
25
views
Lvl 1 labels get messed up when try to see zoom section via drag
Facing issue in Zoom via drag is not working with grouped categories.
Lvl 1 labels get messed up when try to see zoom section via drag
Example - https://jsfiddle.net/5bjzgner/
enter image description ...
0
votes
0
answers
20
views
Highcharts treegraph chart type dataLabels are now shown for leaf nodes having a level greater or equal to 10
i encountered a problem related to dataLabels display for treegraph Highcharts chart,at first, leaf nodes having a level greater or equal than 10 was hidden (seems to be outside of the plot area and ...
0
votes
1
answer
25
views
Custom legend in Highcharts Variwide
Based on an existing sample, I have added a custom legend on a Highcharts Variwide chart.
The legend works very well! Result is visible here : https://jsfiddle.net/vegaelce/d4mrnu2h/
The only next ...
0
votes
0
answers
28
views
Prevent highcharts custom symbol marker disappear
I have a highchart heatmap chart and I want to apply a custom symbol only for some points in my data series.
I don't want to have separated data series. I have only one data series and I want to apply ...