I am very new to Highcharts. I am developing a dashboard and I need to create a percentage usage of equipment at a Plant. I checked all the demos provided by Highcharts but didn’t find a similar one. This what I need. I know I can do it from scratch but I prefer to use Highcharts if possible. Answer I
Tag: highcharts
Highcharts: Cannot read property ‘parts/Globals.js’ of undefined
I am using certain libraries from Highcharts and I get the following error: How can I fix this? I am using: Answer Faced the same issue. Highcharts released a new version 7.1.0 two days back. They have fixed an issue(10232) which is causing this error. You can use https://code.highcharts.com/5.0.14/modules/solid-gauge.js this particular version instead of the latest one. It’s working for
Highcharts Treemap, drillup event
I have a nice javascript treemap and am able to add events for drilldown events like so: I’m not able to add a similar event when drilling back up, when clicking the back button. I tried: but neither the drillup in series nor chart seems to work, how can i achieve this? https://jsfiddle.net/ofg9k3m8/6/ Answer I found a workaround here: https://github.com/highcharts/highcharts/issues/9812
How to use high charts in Angular?
I am using High chart-stacked column bar chart. I can able to get the Bar with skyblue and white colors but I need a bar with points at 24, 41 and 49 y_axis points as shown in the picutre. Please help me in achieve this. Thanks in advance. The code which I tried so far. Answer You can use Highcharts.SVGRenderer
How to get rid of Function calls are not supported in decorators in Angular aot compiling?
I am testing a Highcharts Angular2x Wrapper. At first, I had no problem using Angular CLI (1.6.1) “ng serve” and profiling performance with Chrome. Then, i tried to use ahead-of-time compiling to see how that affects the performance. So, using: I get the following error: Now, i know that aot generates factory code for modules and somehow “transformes” templates to
How to render a vertical line when the mouse cursor is on the chart using highcharts?
I have been working on a web application which used Highcharts for charting data. As such, one of the requirement is that when I hover my mouse on the chart (screenshot below – assuming the arrow is the mouse cursor), a vertical line will automatically display of where the mouse cursor was. Aside from that, the vertical line will also
Highcharts second series name labeled to ‘Series 2’?
Just started a week ago to learn and use Highcharts. In my application a user selects a key value from a list box and, out of that key an array of values will be retrieved and, used the data to create a multiple series of line graph. In the screenshot below the first series (in light blue color) has the
How to show No Data Available Message in highcharts
Can we show a message using highcharts.When the data is not available? we have to show a message Example : No Data Available. If we have data hide : No Data Available message . in highcharts dynamically Answer You can use Highcharts Chart Renderer Here’s an example in JSFiddle
(Highcharts) button inside tooltip can’t trigger
The button inside tooltip does’t have any action when clicked, even set onclick event. Here is an example below, http://jsfiddle.net/emzmvth4/ Answer Change pointer events property of the tooltip to ‘auto’. Live example http://jsfiddle.net/emzmvth4/1/
Dynamically update subtitle on Highcharts chart?
Is it possible to dynamically update the subtitle of a Highcharts chart? In the docs, I can only see options relating to initial configuration options, not methods to update the chart. In the update I’m doing, I’m also updating the data, and I’d like the highcharts update to be part of a smooth redraw if possible, rather than re-rendering the