Highcharts Error #14 clearly says String value sent to series.data, expected Number his happens if you pass in a string as a data point data point is the yValue, if your serie.data is of the form [y1,y2,y2] or [[x1,y1],[x2,y2],[x3,y3]] or [ { x : x1 ,y : y1 }, { x : x2 ,y : … Read more
I just whipped this up. When you click a point it will persist the tooltip. It does this by cloning the tooltip svg element and appending it to the plot. Here’s a fiddle. $(function () { cloneToolTip = null; chart = new Highcharts.Chart({ chart: { renderTo: ‘container’ }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, … Read more
Yes this is possible but involves a few different libraries to get working. The first Library is jsPDF which allows the creation of PDF in the browser. The second is canvg which allows for the rendering and parsing of SVG’s, the bit that is really cool though is it can render an svg on to … Read more
Example of pie chart: http://jsfiddle.net/csTzc/ function MyCtrl($scope, limitToFilter) { $scope.ideas = [ [‘ideas1’, 1], [‘ideas2’, 8], [‘ideas3’, 5] ]; $scope.limitedIdeas = limitToFilter($scope.ideas, 2); } angular.module(‘myApp’, []) .directive(‘hcPie’, function () { return { restrict: ‘C’, replace: true, scope: { items: ‘=’ }, controller: function ($scope, $element, $attrs) { console.log(2); }, template: ‘<div id=”container” style=”margin: 0 auto”>not … Read more
Highcharts 3.0.1 Users can use the highcharts plugin var chart=$(“#container”).highcharts(); Highcharts 2.3.4 Read from the Highcharts.charts array, for version 2.3.4 and later, the index of the chart can be found from the data on the <div> var index=$(“#container”).data(‘highchartsChart’); var chart=Highcharts.charts[index]; All versions Track charts in a global object/map by container id var window.charts={}; function foo(){ … Read more
You have possibly tried IECapt. I think it is the right way to go. I created a modified version of it and use a timer instead of Thread.Sleep it captures your site as expected. ——EDIT—— Here is the ugly source. Just Add a reference to Microsoft HTML Object Library. And this is the usage: HtmlCapture … Read more
Here is another solution with the latest version of Highcharts (currently 3.0). Set the colorByPoint option to true and define the color sequence that you want. options = { chart: {…}, plotOptions: { column: { colorByPoint: true } }, colors: [ ‘#ff0000’, ‘#00ff00’, ‘#0000ff’ ] } Here is an example based upon Highcharts Column with … Read more
You can also set the color individually for each point/bar if you change the data array to be configuration objects instead of numbers. data: [ {y: 34.4, color: ‘red’}, // this point is red 21.8, // default blue {y: 20.1, color: ‘#aaff99’}, // this will be greenish 20] // default blue Example on jsfiddle
You have to use the setData methode of the series object as descriped in documentation. In your case it is options.series[0].setData(Data) And I think you have to turn your Ajax result from string to a real object/array by using JSON.parse(data). EDIT: @Ricardo Lohmann: in the ajax-call he did not specify the dataType he expects in … Read more
You’ll have to loop through the data and get the total, and then use the datalabel formatter function to get the percent. Example here: http://jsfiddle.net/JVNjs/319/ formatter:function() { var pcnt = (this.y / dataSum) * 100; return Highcharts.numberFormat(pcnt) + ‘%’; } edit:: updated example with axis labels: http://jsfiddle.net/JVNjs/320/ [[EDIT for comments If you are trying to … Read more