For questions directly related to angular2-highcharts library.
angular2-highcharts is a Highcharts wrapper providing charting components for Angular
Questions tagged [angular2-highcharts]
238 questions
0
votes
0 answers
Highcharts exporting menu too big
I'm building an Angular app where I use higcharts. The issue I have is the size of the exporting dialog box. I have several graphs on the page, but only one graph has this problem, the dialog box is way too large than the boxes on the others graphs.…
Giannis Horgos
- 29
- 5
0
votes
0 answers
Keys are inaccessible of JSON object in Angular HighCharts
I am facing an issue while fetching the data from "this" which actually prints a JSON object on the console. If I am going to use "this.x" then I am getting a run time error.
formatter: function() {
…
Himanshu
- 71
- 9
0
votes
2 answers
Add additional tooltip from from JSON Array
I have a JSON array like this:
chart_data = [
{category: 'A', per: '0.74', total: 10294, in: 5651, out: 5661},
{category: 'B', per: '0.72', total: 10294, in: 5556, out: 7751},
{category: 'C', per: '0.68', total: 10294, in: 5598, out:…
Himanshu
- 71
- 9
0
votes
1 answer
HighCharts Currency in Maps
In my HighCharts Map, I have values that are currency. On the hover, I'd like them to appear as $, but they just appear are raw numbers.
Here's what I have so far
series: [
{
type: 'map',
…
Ian Vink
- 66,960
- 104
- 341
- 555
0
votes
1 answer
Remove Extended Wrap Method From HighChart after the component is destroyed
H.wrap(H.Chart.prototype, 'render', function (proceed) {
var chart = this,
proceed.call(chart);
// Add the mousewheel event to make vertical scroll
H.addEvent(chart.container,'mousewheel', function (event) {
let delta, extr, step, …
Arokia Lijas
- 441
- 4
- 14
0
votes
1 answer
How can I draw Highcharts horizontal stacked bar with date-time duration
Working with Angular8 and Highcharts
Actual input data
[
{
name: 'Bar 1',
open: [{from: 1649307600000, to: 1649307600000}],
inprogress: [],
done: [{from: 1649868600000, to: 1650085200000}],
…
Gnik
- 7,120
- 20
- 79
- 129
0
votes
1 answer
Can we control the Zoom Level when we click on the cluster in Highcharts?
Below is the JSfiddle link, Could someone help me on the below highcharts. I need to control the zoom level when user clicks on the cluster
***https://jsfiddle.net/38ahfejy/9/***
Sai Ganesh
- 61
- 1
- 3
0
votes
1 answer
Ending Series points don't show up on highchart area type chart for large series data
Here is the Stackblitz Demo of the issue
Preview link (for better visibility): https://highcharts-angular-stock-a1hvg5.stackblitz.io/
Issue is : The last plot that is visible on the right most edge of the chart is of 12/27/2021
This is wrong as the…
dota2pro
- 7,220
- 7
- 44
- 79
0
votes
1 answer
Highcharts pie charts individual sections are not receive focus. Tooltips are not displayed on focus
I have several pie charts with few sections, for example this one:
Pie chart example
With hover on section
With focus on section
Pie chart sandbox demo with custom function that adds tabindex
But there is few issues with it: it doesn't receive any…
Barik
- 3
- 2
0
votes
1 answer
Highcharts Gantt avoid tooltip closure when moving cursor outside Gantt
Hi I have a Gantt chart where I have implemented a custom tooltip that appear/disappear when the user clicks on an event.
I'm using angular2-highcharts
This works great !
The problem is that when the tooltip is very big and when it is rendered half…
DarioN1
- 2,460
- 7
- 32
- 67
0
votes
0 answers
why stack labels are overlap on bar highcharts
I wanted to show all stack labels on stack bar chart
I use the following properties:
yAxis: {
reversedStacks: false,
min: 0,
stackLabels: {
endOnTick: this.reportData.showChartOnly ? false : true,
…
jayanti khutwad
- 17
- 5
0
votes
1 answer
High charts Issue with stock bar chart multiple line series
It's working fine when all data available but issue happens when we select range in bar at bottom in angular 11
I don't know why this issue generated?
Code in angular:-
var datas = [{
data: [
[1630175400000, 0],
[1630089000000, 0.47],
…
Parth Raval
- 4,097
- 3
- 23
- 36
0
votes
1 answer
Exporting Image with all tooltip in high charts angular
How can I export the chart with all tooltip displaying in high charts as a image, pdf & jpeg.
here is the code for tooltip:-
tooltip: {
hideDelay: 0,
headerFormat: '',
enabled: true,
split: true,
animation: false,
…
Parth Raval
- 4,097
- 3
- 23
- 36
0
votes
1 answer
Add custom tooltip for x axis label on hover action
In our Angular application we are using Highcharts. In that we are showing xAxis labeles as below
When the number of items are more and we have long text, we are showing part of the text and want to show tooltip/tilte on hover like below.
I tried…
Sai M.
- 2,548
- 4
- 29
- 46
0
votes
1 answer
Show custom xaxis in highchart with angular
i need to create custom xaxis shown in this image in highcharts with angular .
in plain JS in jsfiddle I am able to achieve it, I tried same chart options in angular but i am getting like this, Can someone help me on what i did wrong?
,
stackblitz…
Krishna
- 760
- 3
- 14
- 30