highcharts-ng

问题 HIGH CHARTS Please look at JSFIDDLE. Here the bars overlap each other. How to prevent this by resizing the bar width dynamically. 回答1: If happens because you set bar width with fixed value. If you want bars to take all available place for width, instead of using pointWidth , set pointPadding to 0, groupPadding to 0 and borderWidth to 0. API Reference: http://api.highcharts.com/highcharts/plotOptions.bar.pointPadding http://api.highcharts.com/highcharts/plotOptions.bar.groupPadding http://api

问题 HIGH CHARTS In addition to this question, I would like to ask another question here in this thread. How to add extra tears(ticks), in such a way, the green bar dataLabel, does stay inside plotting area, rather, going out of plotting area or made hidden. JSFIDDLE 回答1: There are lots of ways to do this. But quickest one is adding a max value to yAxis with using yAxis.max. yAxis: { allowDecimals: false, max: 6000 }, Here is the working example: jsFiddle . OR You can use the combination of yAxis

问题 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(); 回答1: You can get position of the scrollbar using chart.xAxis[0].scrollbar.group.translateX and chart.xAxis[0].scrollbar.group.translateY , for example: https://codepen.io/anon/pen/KeBxNj

问题 My Plnkr link: http://plnkr.co/edit/S0BKjrgxz564oCPs9nCw?p=preview Any idea why I would be getting this error? Not sure where Highcharts[h] is... Controller Code (function() { angular.module('highChartTest', ['ui.bootstrap', 'highcharts-ng']) .controller('MyHighChart', ['$scope', '$timeout', MyHighChart]); // HighCharts Column Chart function MyHighChart($scope, $timeout) { var vs = $scope; ticker = 'GOOG', vs.chartObject = {}; var dayHolder = []; var count = 0; _.times(97, function() {

问题 I've been using highcharts-ng in my angularjs project. All was doing well but now I need to use some drilldowns to detail my information and it's not working using drilldown.js. I followed the example given on highcharts' drilldown tryout fiddle but it seems to don't with angular-ng. The original Highchart example doesn't work with angular-ng as you can see in my drilldown reprodution. Any ideas of what's going wrong? Ignore this code bellow (stackoverflow wants some code in this question)

问题 Is there a way to find individual bar height? I know chart.plotHeight would return potting area height. Similarly i would like to know individual bar height. 回答1: You can find all point's shape arguments in Point.shapeArgs object. Take a look at the example below. Example: http://jsfiddle.net/gL9e7mbj/ 来源： https://stackoverflow.com/questions/46067813/how-to-get-height-of-individual-bars-in-column-chart-of-highcharts

问题 Highcharts export functionality is not working if I use requirejs to load all the files of my angular project. Let me know if any thing I am missing thanks a lot in advanced 来源： https://stackoverflow.com/questions/37784606/highcharts-export-functionality-is-not-working

问题 How? How to make the legend come in the image while exporting chart as png image? Please refer JSFIDDLE. 回答1: Highcharts is designed for export only chart. If you want to export also elements outside the chart, you can use for example html2canvas . Take a look at the example posted below. Example: http://jsfiddle.net/h96daj1k/ 来源： https://stackoverflow.com/questions/46250112/how-to-make-the-legend-come-in-the-image-in-highcharts

问题 Is it possible to customize the Highcharts box plot chart to have markers instead of boxes. I need to create something that's a cross between a spleen and a box plot. I tried messing with the error bar example but can't get the spline line to be hidden without losing the markers: http://jsfiddle.net/ryfqwska/ I'm trying to create this: $(function () { $('#container').highcharts({ chart: { zoomType: 'xy' }, title: { text: 'Temperature vs Rainfall' }, plotOptions: { series: { lineWidth: 1 } },

问题 We have two bar reports on the same page. We are generating Y-axis label formatters dynamically, but whatever format of the second chart which is overriding the first chart. I have noticed for both the charts it is calling formatter function only once. yAxis: [{ min: minVal, max: maxVal, labels: { formatter: function() { return getPatternDetailsLeftAxis(this.value, scope.StackBarPrefix, scope.StackBarSufix) } }] Can anyone help me on this issue? Thanks in advance. 来源： https://stackoverflow