Skip to main content

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
Filter by
Sorted by
Tagged with
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,...
Rancha124's user avatar
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: ...
nb_nb_nb's user avatar
  • 1,349
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....
nb_nb_nb's user avatar
  • 1,349
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 +...
Luthor's user avatar
  • 113
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....
nb_nb_nb's user avatar
  • 1,349
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-...
Maulik Patel's user avatar
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 ...
Bastien's user avatar
  • 147
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 ...
Yagil's user avatar
  • 11
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 '...
Abhay Kaushik's user avatar
-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 ...
Nguyễn Nam's user avatar
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/...
raphael75's user avatar
  • 3,158
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 ...
Manoj Gandla Sureshbabu's user avatar
-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: '...
Lâm Đỗ Tuấn's user avatar
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....
nb_nb_nb's user avatar
  • 1,349
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 ...
KhalilRavanna's user avatar
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....
Umesh Codewalnut's user avatar
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 ...
zbMax's user avatar
  • 2,788
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 ...
Marco Ceolin's user avatar
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 ...
Gopal Singh's user avatar
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 ...
Umesh Codewalnut's user avatar
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 ...
Rizkiananda Pradillah's user avatar
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 ...
JC-'s user avatar
  • 1,270
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 ...
Anju's user avatar
  • 39
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 ...
edwin.koh's user avatar
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 ...
Umesh Codewalnut's user avatar
-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 ...
Gopal Singh's user avatar
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: ...
deepak kumar's user avatar
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....
newuser's user avatar
  • 577
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', ...
Dominik Reinert's user avatar
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 ...
Thomas Fabre's user avatar
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, ...
arm's user avatar
  • 94
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....
newuser's user avatar
  • 577
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 ...
tbarbot's user avatar
  • 257
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: ...
GarfieldKlon's user avatar
  • 11.9k
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'. ...
Ahiri's user avatar
  • 1
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.
Anamika Singh's user avatar
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=&...
Hardik Doshi's user avatar
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 ...
ptixibit's user avatar
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 ...
Andromeda's user avatar
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 ...
nb_nb_nb's user avatar
  • 1,349
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 ...
tkfa's user avatar
  • 5
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:...
user25410615's user avatar
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....
Baruch Levin's user avatar
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> ...
Hardik Doshi's user avatar
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 ...
nzmattman's user avatar
  • 611
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 ...
Suryan's user avatar
  • 649
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)? ...
Zhihar's user avatar
  • 1,378
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: { ...
Listopad02's user avatar
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 ...
Arun Kumar's user avatar
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: { ...
ecstacyCoder99's user avatar

1
2 3 4 5
523