Newest highcharts Questions

Q&A for professional and enthusiast programmers

highcharts only one label is getting displayed

Only one label is displaying on xAxis categories. Lable "Jan" is displaying but no other label shows up. Chart type is: Column xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', ...

Adding multiple series to navigator that are independent of what's displayed in the main chart

I'm trying to make a highstock chart where the navigator shows summarized data of whats in the main chart. For example, the main chart area will be showing multiple series of a weeks worth of time ...

R highcharter: putting heatmaps into motion

I'm trying to use the highcharter R package "Motion Plugin", to make a Motion Chart for a heatmap. I.e. I would like a heatmap to change over time, using a slider with a play/pause button (see links ...

Highcharts 5 data-labels width in CSS

When highcharts is styled by javascript you can set the width of the dataLabels like so. plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', ...

Highcharts-ng not updating to reflect underlying data

I've run into an issue with the newest (1.0) release of Highcharts-ng: the chart no longer updates to reflect the underlying data. Here's a Plunker demonstrating how it SHOULD work (highcharts-ng v0....

How to load data dynamically using JSON call in Highcharts Drill Down pie chart?

I am working on a graph that I have to show as drill down with dynamic data. First I tried to load static drill down data and graph worked perfectly fine. But I need to load data dynamically, for that,...

Export multiple chart into pdf using highchart api each in separate pages

Can anyone help me how to export multiple charts from highchart and export the charts into pdf. Each chart in different pdf pages.

Highcharts not loading when running on https

We are facing problem on highcharts when running on https. It not getting rendered. But it is fine when running on HTTP. Its not duplicate because here all the urls follows https Https Version Http ...

HighCharts - X axis labels spanning a range pending values

Is there a way to have an X axis label span a region of the x axis that is dependent on the values? In short, I have a heat map graph using HighCharts. I want to try to achieve something like this (...

Highchart from Mysql not working

i want to display the most used category in highchart pie 3D, but it is not working, the array of json encode is receiving just one row of data .here is my php code: $script1 = "SELECT categoria, ...

Map not capture using angular send feedback

I'm hoping someone has come across this problem also. I'm a newbie to all this, therefore excuse my lack of knowledge in advance. I am using angular send feedback in order for having feedback ...

highchats heatmap how to show all categories on y-axis

I have 24 hours format values on y axis.I want to display all 24 categories on y-axis.But in heatmap highcharts display only odd number categories.what is the setting required to display all ...

How to join two series before draw graph in highstocks?

I have two javascript data arrays in the following format, series one: [{date:20170220,price:25},{date:20170221,price:25},......{date:20170322,price:25},{date:20170323,price:55}] series two: [{date:...

highchart legend symbol is not appearing, for holo column

I wanted to show Bar(column) chart using HighChart, but bar chart should show holo columns(transparent column with borders). For this purpose I set color and borderColor as follows plotOptions: { ...

How to make highcharts-ng horizontal bar chart responsive

I have worked with several type of highcharts-ng, and the horizontal bar chart seems to be special - I had hard time to make the chart width adapt to the screen size. To illustrate the problem, I ...

Draggable crosshair in Highcharts

I'm developing a web app where I use Highcharts.js as charting library. In a line graph in Highcharts you can get a tooltip when hovering a point in the graph. You can also get a crosshair (vertical ...

Hightlight x-axis label in Highcharts

I have a bar graph in Highcharts and I need to highlight the x-axis label of one of the bar graphs based on an event that is fired. Note that this event is NOT the click inside the Highcharts graph ...

How do I pass django context variables into javascript?

I'm using highcharts and it requires me to pass into it variables such as this series: [{ name: 'Brands', colorByPoint: true, data: [{ name: 'Microsoft Internet ...

x axis label word wrap in high charts for radar chart

Im trying to adjust the X axis label for Radar chart in highchart and I couldnt fix the 2 labels. when its on small width screen,some labels are not seen completely. attached the screenshot img Here ...

Highcharts: Styling input-group

I'm using the highcharts library (http://www.highcharts.com/) for a project. In this project, the user can change dates through an input group (marked by the red rectangle in the following image): ...

Exporting Highcharts “chart” as an “image” into Excel file on server side

I am generating the piechart using highcharts on client side. I am using Apache POI library to create the downloadable excel file on server side. When i click on export button the excel sheet is ...

Highchart Axis does not adjust to data

My Highchart is basically simple, it has two y-Axis and a few graphs where only one of them lies on the 2nd yAxis (see this Fiddle). The chart has no extraordinary configurations (except for adding ...

How to display a data label on a region consisting of multiple countries which are sperated from each other in highmaps?

I have following scenario: I have created a region consisting of UK and Cyprus in highmaps. When I display the data label, the label appears in the middle between the countries. MY custom region with ...

Highchart piechart not working properly

I am using Highchart to display graphs on my website.There is a problem in pie chart.When I increased the number of results in the pie chart, the pie chart is not rendering properly. Here is the ...

How can we change legends position in Highcharts?

I'm using Highcharts API for one of my project. I need legends on the right side and chart on the left as in below link. Can anyone have any idea how to do this in Highcharts? Many thanks in ...

Highcharts connected mappoint with “direction”

I released an interactive map with Highcharts. It represents the path of an artist in 3 years in Italy. It contains a serie with 3 points connected. How can I "print" arrows on the path to esplicate ...

Highcharts: Generate chart from tables having HTML tags in TD's

I am trying to generate a chart from a table that has various HTML tags, links etc in the TD's and i am trying to strip the HTML to use in the charts but keep the existing table with links etc. This ...
+50

Highcharts - Zoom to secounds?

My series data looks like this: [Date.UTC(2017,03,25,09,32,21),0.7695], //Date.UTC(yyyy,MM,dd,hh,mm,ss) ... ... but I can only zoom till the days...... How can i zomm till the secounds?

Highchart angular overflows container

I've created a directive for Angular 1.x to use Highcharts following instructions from Highcharts website. The chart is drawn with no errors, however, I can't find a way to make it fit the parent ...

set data for navigation in highstock

I am working with highstock (highchart). I need to set data for navigation bar from a seperate array. my json format is : [{"SensorID":2,"Temperature":34.0,"Humidity":56.0,"Carbon":87.0,"DateTime":"...

Highcharts in polar mode: line does not look like a function

I'm using Highcharts in polar mode. I am using spline but it is rendered as a linear spline, rather than a polar one. Please see the attached picture to compare what I want (red) vs what I get (black)....

High chart multiple x axis date time issue

I have plotted a multi axis high chart -column range graph.X axis is plotted as date time.Both axis min and max are same.But problem is axis values starts on different time(see the attached image). ...

Commas in CSV values import into Highcharts Editor

Using the Highcharts editor demo, http://editor.highcharts.com/full.html To get some sample data, for the first step in the wizard, click 'sample data' and 'categorised, 4 data columns' (the first ...

Add highchart graph to mpdf()

How to add high chart graph to mpdf() as I was tried to add graph to mpdf(). If any one knows about how to add graph to mpdf library.

drawing start and end time as intervall in one thick line

I am trying to draw some highcharts graph where the time intervals is being displayed as a thick line based on the date in one line so my series data are start and end times (Timestamp Objects from ...

To show difference between two bars in high charts?

I want to show difference values in a new line between the two bar charts in high chart plugins, I've create simple bar chart in high charts, but I need to show difference between two bars in the new ...

With highcharts, is that possible to add dataLabels below column?

I would like to put years below each columns. Is there there a way to do that ? Here is my code : var months = [], datas = [], estimeSapColor = "#009dc1", // Bleu - Estimation ...

Highcharts (column, candlestick) show mouseover tooltip anywhere on chart similar to line or area

I'm currently working on chart similar to this using highcharts From what I have observed, column and candlestick chart will only trigger mouseover when I hover on the box itself, whereas line or ...

How can I use getSVG() with react-highcharts?

I'm trying to get the SVG string for each highchart and log it to the console before I starting working on building out my function. I think the issue I'm having is with the way that I'm calling ...

Add a point with 20ms interval, is possible?

Data from a sensor is drawn with Highcharts in real time. The sample frequncey of the sensor is 50Hz. And the requirements: 20ms display a data, curve shift left, no displaying pause. the only way is ...

Highcharts series multiple z-index

Is there a way to have multiple z-indices for a series. For example, z-index = 1 for the part of the series that is positive and z-index = 2 for the part of the series that is negative?

Parsing string array into chart

I'm trying to parse a string array to be consumed by Highcharts. When the values are static, the chart renders. When the array is passed, it does not render. I validated the string being parsed here. ...

Highcharts comparison with different datas

Here is an example of my highcharts: var url = 'https://api.myjson.com/bins/12puf3'; $.get({ url: url, type: 'GET', dataType: 'json', success: function (data) { var months ...

Ionic app doesn't show custom buttons from Highchart library

I am developing an application with Ionic 1.3.1 and the Highcharts library. My problem is how can i add custom buttons to the charts?. I have added to the json object the exporting option, but when I ...

Bar chart - Select the bars

I got a requirement as Bar chart with selection. Here i understood the bars should be select-able. Am not able to find any solution regarding this. Any one please help me

Highcharts - x Axis per secound?

My series data looks like this: [Date.UTC(2017,03,25,09,32,21),0.7695], //Date.UTC(yyyy,MM,dd,hh,mm,ss) ... ... but I can only zoom till the days...... How can i zomm till the secounds?

Highcharts: DataLabel allowOverlap to true in C#

I want to set the allowOverlap property to true, but I can not find the property in C# series.Add(new Series { Name = name, Data = data, PlotOptionsLine = new PlotOptionsLine { ...

Highcharts 5 tooltip colour with custom css class

I'm using Highcharts 5 in styled mode. https://jsfiddle.net/franzl/va8cz88o/ series: [{ className: "graph-red", data: [43934, 52503, 57177, 69658, 97031] }] The jsfiddle defines a CSS class ...

highcharts StockChart pass multiple values to tooltip

These code are written by javascript,and use hightChart StockChart below. The program can draw chart by the datetime and report_value1 in the stockChart,and show report_value1 in the tooltip. I want ...

Highchart - How to set minWidth on stacked bar?

I am having troubles trying to render Highchart inside a div. I dont know why there are bars that not displaying correctly. I set a width value on the container highchart div, expecting bars occupy ...
Translating... 0%