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.
26,889
questions
0
votes
0
answers
16
views
How to display data received from Backend in Angular Highchart
I'm having the same issue as here: Using data received from Backend in Angular Highchart. My chart is not being displayed.
At angular frontend the object for Powerconsumption looks like this:
...
0
votes
0
answers
11
views
In Highchart mobile view, bars get collected at one side
Can anyone advise why
the bottom lines are collected at starting &
graph-line appears on the rest of the view on mobile?
Is it some configuration error or does it have some meaning?
Considering ...
0
votes
1
answer
11
views
Navigator and scroll both misbehaving in stock highcharts
I have multiple lines to be displayed. When I load stock chart for the first time, navigator and scroll window's behavior is okay.
DEMO : https://stackblitz.com/edit/js-a8exhr?file=index.js
But when I ...
1
vote
1
answer
11
views
Get y point from x given point hightcharts
I would like to get y point from a given x point.
x point will not necesary be a point in chart, it can be between two points.
x point is a constant value, so is not clicked or seleted
0
votes
0
answers
17
views
Plot Investpy Data in Highchart/Highstocs
I've been experimenting some problems while trying to plot Mutual Funds data extracted from Investpy API onto a Highchart graph, into QT View (in Python)
Here's the call to the API and the plot, the ...
0
votes
1
answer
18
views
Highchart - Column range as arrows
I am integrating column range chart but I want the column to appear as an arrow. The arrow could be facing downward / upwards based on if the value is increased or decreased.
I can't seem to find any ...
-1
votes
1
answer
17
views
Highstock update y scale on zoom
I have a highstock chart with rangeSlider enabled, X is a timeseries, and Y is a relative value (from 0
I would like the relative scale of entries to update based on the first displayed value of the ...
0
votes
1
answer
11
views
How to draw line from Data label to Marker in Highchart Scatter Plot
I'm using HighCharts in a .Net Core application. I have a scatter plot, that I'm using jitter to separate the points. I need to show the data labels pointing to the point markers, but they overlap. ...
0
votes
0
answers
14
views
Highcharts Treemap color selected point
I need to use the select state in a Treemap to change the color of the selected area (it works well for other charts like pie charts, bubble charts...). But the state seems to not be taken into ...
1
vote
1
answer
8
views
How to highlight specific Point with Highcharts Js
I have a simple Highchart with a dataset of up to 1000 datas. There are only y values the x values are generated automatically. Also, the values come from my nodejs server so please don't be surprised ...
0
votes
0
answers
16
views
What should be onLoad dataset for stock highcharts with multiple lines
In the given example, I have two lines to be displayed and datasets/time series data records for them are here dataset1: mock-data/i.js & dataset2: mock-data/iv.
Time range is between 2015 to 2021 ...
1
vote
1
answer
21
views
How to dynamically change mouse event functions in Highchart?
I'm using Highchart networkgraph for a directed graph.
I want the users to be able to on node hover highlight the shortest path from the start node.
I also have some checkboxes that would highlight ...
0
votes
1
answer
23
views
Highcharts: yAxis duration in hours resets every 24h
The image speaks by itself, I want to display a duration in hours on the yAxis. but everytime the value reaches 24h, the yAxis resets to 0. the actual value of the blue bar in the image is 28:19:15 ...
1
vote
0
answers
22
views
Highcharts Map fill pattern
I am unable to add a pattern to Highcharts Continents Map. I want to add a circle with SVG path M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0 https://jsfiddle.net/xt2sufvb/31/. I want to fill the ...
0
votes
1
answer
35
views
why is afterSetExtremes function being called twice highcharts using react
I want to implement lazy loading functionality as show here.
jsfiddle.net/uf34oecg/
If you check its console, it prints loadInitialData once only at the time of loading the chart for the first time.
...
0
votes
1
answer
33
views
Highcharts JS remove tips & squared legends for linear chart
TL;DR - want my highcharts chart to look the same as Shopify's
I'm trying to achieve two things that I have found no answer for in the docs, literally tried everything
I want to remove the gridlines ...
1
vote
1
answer
18
views
How to increase the height of the bands?
I have created a funnel with the below script.
Highcharts.chart('container', {
chart: {
type: 'funnel'
},
title: {
text: 'Sales funnel'
},
plotOptions: {
...
0
votes
1
answer
22
views
highchart Customclass css not applied to tooltip for dumbbell series
i'm working on dumbbell series highchart
i'm using custom class for charts which is working fine.
but it's not applied in the highchart tooltip and legand.
I used the same class for other charts where ...
0
votes
0
answers
20
views
get last x years time series mock data for free [closed]
I know this might not be right question but I badly need an answer.
I'm looking for fake time series data exactly like this example https://demo-live-data.highcharts.com/aapl-c.json
Highcharts example ...
0
votes
0
answers
14
views
Highcharts stacked bar chart with dragDrop
I am using a Highcharts bar chart in order to let the user configure SIM data usage limits for different categories.
The problem I have is that I am not able to auto-decrease categories if they are ...
0
votes
1
answer
22
views
How can I draw Highcharts horizontal stacked bar with date-time duration
Working with Angular8 and Highcharts
Actual input data
[
{
name: 'Bar 1',
open: [{from: 1649307600000, to: 1649307600000}],
inprogress: [],
done:...
0
votes
1
answer
22
views
In HighMaps how can we pattern fill a world map?
I was tring to add dotted pattern to the world map...using highmaps and pattern-fill.js. On doing that i gives a a basic maps with no color.
I used the following template for the same... Help me get ...
0
votes
1
answer
11
views
HighCharts Custom maps not working on react
I am building a web app on React Js and trying too build a custom map of floors of building. I followed the article on https://www.highcharts.com/docs/maps/create-custom-maps and created an ...
0
votes
1
answer
20
views
xAxis order of R highcharter column plot
With the following data frame:
dta <- structure(list(sociodemographic_var = structure(c(3L, 6L, 7L,
8L, 9L, 10L, 11L, 12L, 13L, 14L, 15L, 18L, 19L, 20L, 21L, 22L,
23L, 24L, 26L, 18L, 20L, 21L, ...
0
votes
1
answer
25
views
highchart treemap parent label as tile
I have a highchart treemap with three level(parent and child, descendent), what i want is :
1-see parent label as tile in their section
2- show all levels label in first load that are created by ...
0
votes
0
answers
17
views
One Highcharts legend for two charts in React JS
I have two stacked column charts next to each other, sharing the same categories, and I would like them to both be controlled by the same legend. So that there is only one visible legend, but clicking ...
0
votes
1
answer
19
views
Do we have undo option in high charts?
Do we have undo option in high charts? For example I have few series on chart and I replaced them with new one. Do I have any option to revert it back?
0
votes
2
answers
22
views
Highcharts solid gauge stacked values
I have a nice gauge that displays a percentage value like so:
The options are:
{
title: false,
legend: false,
chart: {
type: 'solidgauge',
width: 150,
height: 150,
},
pane: {
...
0
votes
1
answer
34
views
+100
what should be the initial dataset from millions of data points for stock line highcharts
I want to prepare a line stock highchart like this example : https://www.highcharts.com/demo/stock/lazy-loading
In the given example, when you load the chart for the first time, it calls https://demo-...
0
votes
1
answer
30
views
How to download Highchart PDFs in Mobile Apps?
I am using the Ionic version - 5.4.16 and am required to download PDF/Images files from HighCharts Options. On the browser, while development, it's working.
But in Ionic Build, it isn't.
I tried to ...
0
votes
1
answer
24
views
How are Highcharts event listeners handled
I have a react app which shows some chart visualizations using highcharts library. There are some custom extensions used on top of Highcharts implementation. Highcharts are created using Highcharts....
0
votes
1
answer
28
views
How to make - - legend in 'areaspline' type high charts?
I already had look at Highcharts - How do I get dashed lines in legend . Its for "line" chart type my chart type is "areaspline" where I need dashed style legend "-- Legend&...
0
votes
1
answer
49
views
How to see truncated text with hover in highcharts?
I'm using the highcharts-react-official package and sometimes my charts have texts that are long enough to be truncated. In those cases the texts end with "...".
I would like to be able to ...
0
votes
1
answer
12
views
Highcharts Error #16 But I'm not using Highstocks
I'm using multiple charts on the same page. I have a bar chart, an activity gauge chart and a map chart(they are loaded on different div ids).
Everything was working fine and no error messages until I ...
0
votes
1
answer
41
views
How to add text on every section edges in funnel highcharts
With help of my previous question, I'm able to set equal heights for all the sections to the funnel. How can I add some extra texts to the edges(right) of every section. I did not find any ...
0
votes
2
answers
16
views
Highcharts stacked column ommit smaller values
The screenshot below represent the same series.
In the stacked column version (chart on the top of the screenshot), small values are missing (but exists in the serie), while they are visible in the ...
0
votes
1
answer
21
views
Highcharts issue with max value (100) - React
When I set the value of data inside a highchart to 100, the line breaks, here is what I mean:
See how there when two values are 100, the line kinda breaks and it is not the same width as values that ...
0
votes
1
answer
18
views
HighStocks series does not show line on Black Colors
let code = Math.floor(Math.random() * 16777215).toString(16);
if (code === "000000" || code === "ac132") {
code = Math.floor(Math.random() * 16777215)....
0
votes
0
answers
32
views
Display both the series legend and a colorAxis legend with dataClasses using highcharts in R
I'm wondering if it's possible to display both the series legend and a colorAxis legend using dataClasses in the same plot in highcharts.
Edit: I previously included a question. Which I now believe to ...
0
votes
1
answer
10
views
Highcharts Error while loading solid gauge module
I have highcharts used with highcharts-vue.
I have several plugins loaded and working as expected:
import Vue from 'vue';
import Highcharts from 'highcharts';
import HighchartsVue from 'highcharts-vue'...
0
votes
1
answer
26
views
HighCharts stacked column chart : 'plotOptions.series.stacking' are incompatible types
Trying to create a stacked column chart with HighCharts and Angular, that would look like this example:
but getting the following error :
The types of 'plotOptions.series.stacking' are incompatible ...
0
votes
0
answers
25
views
DotNet.Highcharts to Highsoft.HighCharts (9.3.2.1) Conversion
I've found an example online using the older DotNet.Highcharts api. https://www.c-sharpcorner.com/article/dotnet-highcharts-with-asp-net-mvc/. I'm trying to duplicate this using the newer Highsoft....
0
votes
1
answer
29
views
how to make Highcharts React redraw without changing data
I need highcharts to adapt its width to the parent's width. So if we change the parent's width without changing the data, the chart should resize.
But since the data is the same, it doesn't happen.
It ...
-1
votes
0
answers
14
views
How highcharts highlights the value of the x-axis at the mouse-in position [closed]
As shown below:
How highcharts highlights the value of the x-axis at the mouse-in position
Version:
Highcharts JS v10.1.0 (2022-04-29)
0
votes
0
answers
14
views
HTML Highcharts [closed]
Hi I am currently working with Circuitpython and html Highcharts(https://www.highcharts.com/demo/line-basic)
I tried out there basic demo but got a Error when I loaded the page does anyone know what ...
0
votes
2
answers
38
views
HighMaps - need to make datalabels clickable
I'm using the small U.S. map in HighMaps and I want each state and it's datalabel to open up a new URL when clicked. I have the state working, but the label does not work.
this is what I tried:
...
0
votes
1
answer
26
views
R highcharter editing dataLabels format
I have a function to plot a bubble highchart.
Among other things one argument of the function is a character label which is laid on top of the bubble, but which is also called in hcaes together with ...
0
votes
1
answer
24
views
Highchart stockChart Installation in Web Component
I would like to install and use the normal highcharts plugin inside the web components. Is there a way to create instances and using this instance using higcharts methods and events.
1
vote
1
answer
26
views
Set equal height for funnel highcharts
I'm new to HighCharts. I have created a funnel with the below script
Highcharts.chart('container', {
chart: {
type: 'funnel'
},
title: {
text: 'Sales funnel'
},
...
0
votes
1
answer
39
views
R: How to create a Drilldown Highchart using loops
when doing a job I have found a problem that I don't know how to solve.
I have a data frame that has 2 columns:
date
value
And it has a total of 1303 rows.
For each date there are 12 values (1 for ...