Category "highcharts"

Is there a way to perfectly align rows in a heatmap where the yAxis is the month?

The Problem I am trying to generate a heatmap with highcharts. The chart will show the average PM2.5 value over x years for a day in a month. The issue is that

HighCharts Dates not filling in on xAxis using JSON data feed

/* Historical Performance */ document.addEventListener('DOMContentLoaded', function() { const lineChartUrl = 'https://bfc-dashboard-api.herokuapp.com/lin

Vaadin-Charts won´t apply all CSS styles on export/download

We have a few Vaadin charts (Pro) on our dashboard, which have been styled via CSS (font color, font size, bar colors,...). These CSS files are not on the syst

displaying data on heatmap

Currently I am trying to find a way to display timeseries data through a heatmap via highcharts, and I was wondering if there is a way to plot the data on this

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 legen

Highcharts Issue in range selector buttonafter calling setExtremes in case of YTD button click

We have a highchart where we have implemented range selector , with buttons like 1d, 7d, 1m, 6m, 1y, YTD and ALL. In our case we have data starting from Jan 1,

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 "..."

How Can I remove the extension Gridline from my graph?

I design my graph using Highchart. But I can not customize it using CSS and js. Now this time I can't remove the extra grid line from the chart that I have show

Show only first and last xAxis label in Highcharts

I would like to display only the first and the last label on my xAxis. This would give enough of a »frame« for the user. However, I don't succeed in

How to remove weekend datetime gaps from x-axis of a financial chart?

I have a use case where I pull and plot Forex data in the form of ask and bid on the graph and this is based on minute, hour or day candlesticks and I am only p

How to show multiple charts on Django use python-highcharts?

How to show multiple charts on Django use python-highcharts ? When I Show multiple charts, it shows Uncaught Error: Highcharts error #16: www.highcharts.com/er

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 wo

Highcharts bubble map does not always render properly

I have created a shiny app, which displays a highchart Map. With a select input, one can choose specific countries that one wants to be displayed. Most of the t

How to hide dash between the bars in waterfall charts of Highcharts in iOS

Basically I want to hide dash between the bars from waterfall chart.I am using highcharts iOS wrapper.I can only change type of dash but there is no option to h

How to display highchart series line marker symbol from local image object?

I'm trying to get a few custom symbols in Highcharts. I'm currently following the specs: marker: { symbol: 'url(https://www.highcharts.com/samples/graphics

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

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

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.f

HighCharts Stacked Column Adding Onclick Event to the chart

I am working on a Highchart column chart. I need to add an onclick event to it so I can get data back when I click on the different columns. Here is my curren

How to disable interaction animations on line chart but keep tooltips?

I can get rid of all animations with this plotOptions: { series: { enableMouseTracking: true But I want tooltips. But I don't want any other mouseover ef