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.
highcharts
26,129
questions
0
votes
0
answers
13
views
How to include highcharts in Nuxt 3.7.0?
How can I include this combination graph https://www.highcharts.com/demo/highcharts/combo-dual-axes chart in my nuxt vue application ?
I followed this https://www.npmjs.com/package/highcharts-vue docs,...
0
votes
0
answers
19
views
Bubbles inside Packed bubble all the same size
The packed bubble chart I am rendering, is rendering bubbles of the same size. The outer bubble is sizing correctly but the inner bubbles are all the same size. How to fix that issue?
My code:
...
0
votes
1
answer
37
views
Highcharts Heatmap yAxis labels not rendering properly
HeatMap yAxis categories going inside the last cell instead of the left side outside. It is working fine on the code rendition but as you can see in the image, the yAxis is going inside the final cell....
0
votes
0
answers
18
views
Highcharts Stock using the Chart.from_pandas method
can someone please share a simple example on how to use Chart.from_pandas method to draw a candlestick chart within Jupyter. My Dataframe contains the tandard Datetime, Open, High, Low, Close, Volume +...
0
votes
0
answers
18
views
Highcharts heatmap is smushing the data and overlapping
I am trying to create a heatmap but the data is getting all smushed and overlapping. Not use what is wrong with my code.
// Substring template helper for the responsive labels
Highcharts....
0
votes
1
answer
31
views
Scatter Chart Not Updating Correctly for multiple Values at the Same Location
I have two teams, team1 and team2, each containing plot data in the structure mentioned in the link below.
Here is my code: https://codesandbox.io/p/sandbox/react-counter-functional-component-forked-...
0
votes
1
answer
39
views
Highchart reload not working but disappearing
I'm using Livewire 3.5 on a personal project, with Highcharts.js.
When I first render my component, everything is ok, my chart is correctly displayed.
Then I change my select, and the component is ...
0
votes
2
answers
19
views
high chart calculate best time units to the x-axis automatically
I have a highchart diagram and I will get number X of days that I want to present on the diagram.
if I get X days I don't know if it is better to present them as days or weeks or month or years.
is ...
0
votes
1
answer
39
views
Dynamically changing the attribute of an svg element in a highcharts chart
For a certain application, I have created draggable SVG rectangles in my highcharts chart. I wish to access them and modify their attributes dynamically from an external function where I have the '...
-4
votes
1
answer
36
views
Is it possible to create multiple bar charts with Highcharts? [closed]
Is it possible to create such a chart in Highcharts? It's a couple of bar charts standing next to each other but with the same y-axis. Each bar chart represents a different set of data, but they are ...
0
votes
1
answer
20
views
highcharts-export-server not producing svg when run from website
We have a website with php 8.1. It's supposed to use exec to run highcharts-export-server to generate an svg file, but the file does not get generated:
$cmd = '/var/www/mysite/node/node_modules/lib/...
1
vote
0
answers
28
views
How to handle accessibility for HIghChartView graph and it's sub elements for native android
I've implemented HighChartView in android using JavaScript where I'm plotted ting my dynamic data into graph form now I want to handle the accessibility for graph and for all the plotted view for ...
-1
votes
0
answers
20
views
HighChart - Mapline is hidden
I have a Highcharts wordmap chart. I draw a mapline from LA to Taiwan.
The straight line goes around the Pacific Ocean instead of land, causing the mapline to be obscured.
expectation
my code
{
type: '...
1
vote
1
answer
35
views
Export able to export to csv using Highcharts Vue
I have a simple chart, I want the export-data to export the data to CSV. But I do not see that option. What is wrong with my code:
main.js:
import Vue from "vue";
import App from "./App....
0
votes
1
answer
38
views
Highcharts yAxis options not updating via state in React
I'm not sure if I'm doing things incorrectly but I noticed an issue recently where some updates being made to the yAxis options (specifically max/softMax) via React state weren't causing the chart to ...
0
votes
1
answer
18
views
Looking for customization in stocktools shapes option popup
I'm using highcharts with stocktools. In the stocktools shapes I want to customize shapes options, specifically fill color or line color. Instead of rgba value, I want to add predefined list of colors....
3
votes
1
answer
38
views
Annotations labels overlapping when using addAnnotation
I use Highcharts to render a scatter chart.
I'm having an issue when adding annotations on this chart. As I load my data from an asynchronous request based on user settings, I add my data and my ...
0
votes
0
answers
38
views
Zooming in/out to highcharts map too slow
I have a problem with zooming in/out with a large number map points in highcharts map.
First of all, I followed this guide:
https://www.highcharts.com/demo/maps/mappoint-latlon
After that, I exported ...
0
votes
0
answers
39
views
Series inside navigator not displaying with larger data set
I'm facing an issue with the Highchart navigator. The series inside the navigator displays correctly with smaller datasets, such as 4-5k data points. However, with a very large dataset of 153,000 data ...
0
votes
0
answers
25
views
Synchronize tooltip preventing me to select date range in rangeSelector
I have two stacked charts with synchronized tooltips, and this functionality works well. However, there's an issue: when I hover outside the plotting area (within #draggable-curve div), such as over ...
0
votes
1
answer
36
views
Highcharts series value is different from a Data Source
I have a problem with Highcharts where the value of this.y does'nt represent the value of my data source. It looks like the picture below. I don't if this is a bug or not.
Screenshot of Error
This is ...
0
votes
0
answers
27
views
Highcharts –– 3D stacked column, multi series
This question is about Highcharts 3D columns, described here:
https://www.highcharts.com/demo/highcharts/3d-column-stacking-grouping
I want to show three series with 3D columns, series behind each ...
0
votes
1
answer
27
views
Highcharts - Reduce the padding/ space for labels in x-axis (multiple)
I have created a gantt chart with x-axis showing 3 axis time, week and month similar to the image below :
I want to reduce the space or reduce the height of storkes in the high chart ticks. If we see ...
0
votes
1
answer
27
views
highcharts how to hide out of the box legend symbol when customized legend is used + 1 more question
we wanted to create our own legend based on categorization of dimensions we are displaying + some other condition for specific data points (this is just to give you an idea why we want to change the ...
1
vote
1
answer
33
views
Can we use stocktools with highchart core without highstock?
I want to use stocktools with highcharts core, without using highstock in react. Is this possible?
This is what I got from Highcharts GPT:
import React, { useEffect } from 'react';
import Highcharts ...
-1
votes
1
answer
61
views
Highcharts- series inside navigator not displaying with smaller x-axis values
I'm facing an issue with the chart's x-axis configuration when in minutes. When the x-axis values are in milliseconds, the series inside the navigator displays correctly. However, when the x-axis is ...
0
votes
1
answer
52
views
Highchart Column Chart
UniqueLevels = [Level 0, Level 1, Level 2]
Sample Input = [{name:"Level 0",data:[{name: "Job A",y: 0.26},{name: "Job B",y: 0.36}]},
{name:"Level 1",data:[{name: ...
0
votes
1
answer
32
views
How can I customize highcharts with css?
I am working on high charts and want to see if it is possible to add arrows on my pie chart. Here is my chart. Is it possible to add arrows on top of the chart, something like this?
Highcharts....
2
votes
1
answer
89
views
highcharts bar chart disappearing when upgrading from 10.2.1 to 10.3.1
I am currently trying to upgrade highcharts to the latest version, but ran into trouble.
I have a bar chart with the following configuration:
{
chart: {
type: 'bar',
...
0
votes
0
answers
112
views
How to generate charts using highcharts-export-server in a dotnet project hosted in Azure?
I have a project runing in dotnet8.0 which was runing (in local) a highchart server using the npm package highcharts-export-server version 2.0.24. It was initially based on node version 12.14.
This ...
0
votes
1
answer
34
views
How to add a fully custom html section to the fullscreen mode of Highcharts?
I have a chart, above it, there is a div (I refer to it as topbar ) which contains a few buttons, a select menu and a span element with some text in it.
When I go to fullscreen mode of the highcharts, ...
1
vote
1
answer
11
views
How to add state names to Highmaps?
I am working with Highcharts/Highmaps and I am trying to show the state names on US map. But I cannot figure out how to do this. I have added the required javascript file "https://code.highcharts....
0
votes
1
answer
30
views
Reduce prod build size of Highcharts in Angular
Is there a way to reduce the build size of Highcharts imports in angular ? The bundle is very large, especially considering we don't use highmaps or Highstocks and these modules don't even need to be ...
0
votes
0
answers
31
views
Highcharts legend is placed on top of caption
I have this chart:
Highcharts.chart('container', {
chart: {
type: 'bar',
borderWidth: 1,
},
title: {
text: 'Fruit Consumption',
align: 'left',
},
xAxis: {
categories: ...
0
votes
0
answers
20
views
Upgraded Highcharts version and getting error as no module
Upgraded Highchart version to 10.3.3 and getting error as:
Module '"highcharts"' has no exported member 'DataPoint'.
Module '"highcharts"' has no exported member 'ElementObject'.
...
0
votes
0
answers
22
views
Highchart Gantt chart y axies table, need to make it scrollable
How to make highchart's gantt chart side table horizontally scrollable ? I don't want to move whole chart along with y axis. I just want to make table scrollable.
0
votes
1
answer
26
views
Change the tooltip of particular point
I have a button on tooltip in highchart.
I want to change the tooltip of the particular point on button click.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=&...
0
votes
1
answer
26
views
Highcharts -Can i have a chart with multiple timeline on the same xaxis and yaxis?
I want to create a graph with n timelines with only one y-axis and one y-axis, so that I can compare them with the same date range.
I've tried combining two graphs (line and scatter) and I'm having ...
0
votes
0
answers
28
views
How to add values instead of numbers into the second x-Axis in Highchart
I am facing with issue regarding correct naming on x-Axis
Here you can see the result of chart with values - splitting into groups working correctly, numeric values are correctly under the groups, but ...
0
votes
1
answer
55
views
Change color of map on Highcharts Maps and also show colors based on min and max
I have a vue project where I am trying to display data on a world map but I am unable to change the color on the map. I want the map to use the minColor and maxColor in the colorAxis option but it is ...
0
votes
1
answer
32
views
Highcharts / highmaps GeoJSON map appears distorted and squashed
I have created a simple chloropleth of UK regions in highcharts, inclusive of countries other than England (North East, Wales, West Midlands, etc.) and I am using this public domain GeoJSON map.
I am ...
0
votes
0
answers
22
views
Distorted display in the 3D chart (Highcharts)
I am trying to display a line in a 3D chart with highcharts.
Unfortunately, the view is distorted because the distance between the individual ticks is different for each axis.
Here is an example image:...
0
votes
1
answer
28
views
Highcharts.js - in bullet chart, make the target line dashed
In Highcharts, I want to create a bullet chart.
But I want the target line to be dashed.
I don't see such an option in the target API.
Link to target API: https://api.highcharts.com/highcharts/series....
0
votes
1
answer
28
views
Editable Textbox on Highchart Datalabel
I want to create textbox on the each point of highchart.
I am able to render a textbox however, it is not editable
Below is the code
<!DOCTYPE html>
<html lang="en">
<head>
...
0
votes
0
answers
22
views
Can we have a different scale below and above a 0 line in highcharts?
So I have a chart in highcharts, you can view it here.
I want to have the scale when below 0 to be much tighter than above 0
essentially I want the below 0 to be closer to the bottom value, rather ...
2
votes
0
answers
95
views
Highcharts pie/donut chart tooltip on outer circle of chart
I want to attain pie/donut chart tooltip similar to google charts (this) tooltip. I am using highcharts-react-official and the tooltip should show outside the outer circle. Tooltip is quite big and is ...
0
votes
0
answers
21
views
highcharts: show tooltip only when hovering over marker
How to make a tooltip for a chart of LINE type displayed only when hovering over a marker (point) of this chart and not displayed when hovering over a curve between two neighbouring markers (points)?
...
0
votes
1
answer
33
views
Highcharts boxplot yAxis
I have a boxplot chart from highcharts lib. Here is my component and data:
Highcharts.chart('container', {
chart: {
type: 'boxplot',
"width": 165
},
title: {
...
0
votes
0
answers
12
views
Highcharts.stockChart is not loading in javescript
chart = Highcharts.stockChart('container', {
chart: {
animation: false,
backgroundColor: '#A9CDDD',
events: {
load: function () {
chart = this; // `this` is the reference to ...
0
votes
2
answers
46
views
Facing issues implementing HighCharts for dynamic data in ASP.NET web form application
This is the HighCharts JS code that I am using in my aspx page :
Highcharts.chart('highcharts1', {
chart: {
type: 'bar'
},
title: {
...