Category: highcharts

Get left and top position of highcharts scrollbar

I wanted to put custom label on highcharts which should be placed on left side of scrollbar. How can I get top and left position of scrollbar.? I have put label with following code chart.renderer.text(‘<span style=”font-weight:600;”> 1-21 </span>’, 20, 120) .css({ color: ‘green’, fontSize: ’12px’ }) .add(); Source: AngularJS

Multiple series in Highcharts

Request help for the Scenario. Say i have an array of categoryid as controller.dataList = [ {pvalue:10,nvalue:20,categoryid: 1,date:”12-03-1998″}, {pvalue:40,nvalue:40,categoryid: 2,date:”13-03-1998″}, {pvalue:60,nvalue:150,categoryid: 3,date:”14-03-1998″}]. Now for each catergoryid i want a high chart series of pvalue and nvalue.So in AngularJs code i am calling a common method to generateChart like: function generateChart() { var localDl = angular.copy(controller.dataList); var NValueList = localDl.map(function(obj) { return {x: moment.tz(objDate, “GMT”).valueOf(), y: Math.round(obj.nvalue), data: angular.copy(obj)}; }); var PvalueList = localDl.map(function(obj) { return […]

Highchart is not working when I am fetching the axis values from database

I am using ASP .Net web api to fetch the data from the database, And trying to make a graph of the derived data , using Highchart. When I am giving the axis values in the form: xAxis: { categories:[“Sabab”,”Sunjare”,”Ety”] }, series: [{ data: [20,30,40] }] it is working fine. But when I am initializing the categories of xAxis and data of series , by the data , derived from the database, no graph is […]

Highcharts : how to set yAxis max value inside angularjs controller

i’m trying to get yaxis max values.. javascript : chart.yAxis[0].max; when i try in angularjs as it has slightly different properties : Highcharts.charts[0].yAxis[0].max gives undefined, Highcharts.charts[0].yAxis[0].getExtremes.max gives undefined. is there any way to get the max value inside angularjs controller? Source: AngularJS

Combine an object parameter with array values in Highcharts reduce method

Sorry don’t know how to exactly search this since English is not my first language. What I want do is combine array values to an object parameter. I am using highcharts reduce method to show the occurrences of a word My object is obj{} var data = Highcharts.reduce(series, function(arr, word) { var obj = Highcharts.find(arr, function(obj) { return obj.name === word; }); obj = { name: word, weight: sortWeight() }; arr.push(obj); console.log(obj); return arr; }, […]