Highcharts

问题 I tried doing the scrollbar: { enabled: true } But it didnt work. I tried using the highcharts.js that comes with highstocks.. that did not work either. Am I doing something wrong? 回答1: If your code still doesn't work, you could try changing this : <script type="text/javascript" src="js/highcharts.js"></script> with this : <script type="text/javascript" src="https://code.highcharts.com/stock/highstock.js"></script> and you can add this : scrollbar: { enabled: true }, finally, you can add this

问题 I have two charts that I am trying to load on separate div's on the same page, they are similar but one is a drill down and the other isn't. I have tried wrapping the entire function with var chart = $('#review').highcharts({ but it doesn't work. The two charts are below: $(function () { var colors = Highcharts.getOptions().colors, categories = ['Metric 1', 'Metric 2', 'Metric 3','metric 4'], name = 'Votes', data = [{ y: 1, color: colors[0], }, { y: 2, color: colors[1], }, { y: 3, color:

问题 I have a Highcharts scatterplot. Some details of the chart object are below: plotOptions: { scatter: { lineWidth:1, marker: { radius: 1, symbol:'circle', fillColor: '#800000', states: { hover: { enabled: true, radius:0, radiusPlus:2, lineColor: '#ff0000', fillColor: '#ff0000' } } }, states: { hover: { halo:false, lineWidthPlus:2, } } } } and the full working example is here. I need to change the line color when hovering the series, but I am unable to do it. Is this possible? 回答1: This can be

问题 I am creating a financial pie chart using HighCharts that represents asset allocation. My goal is to create a chart that represents the actual allocation values in each slice but inside each slide will show essentially a second data label that displays the target percentage for various investment vehicles. It is important to note that the current asset allocation may not always match up with the targeted allocation value. I have gotten everything working except for the Target labels inside

问题 I am trying to Make the legend symbol a square or rectangle for a line graph. Example The line is fine. I dont want change the line width. HTML: <script src="http://code.highcharts.com/highcharts.js"></script> <div id="container" style="height: 400px"></div> Javascript: $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line', }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, plotOptions: {

问题 I'm trying to color the bars in highcharts with a gradient. What I have is coloring them, but the problem is, the gradient is spreading through the other data groups rather than each individual bar, here's an example of what I mean: If you notice, the gradient is being spread between the bars, rather than creating a new one for each. To gradient them, I'm using: colors: [ { linearGradient: [500, 0], stops: [ [0, 'rgb(247, 111, 111)'], [1, 'rgb(220, 54, 54)'] ] }, { linearGradient: [500, 0],

问题 I'm using highcharts to make a piechart but I'm having trouble loading a custom color set for my chart. Here is my code: <script type="text/javascript"> $(function () { Highcharts.setOptions({ colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'] }); return new Highcharts.Chart({ chart: { renderTo: 'trailpiechart', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, backgroundColor: "#f8f8f8", margin: [20, 20, 20, 20] }, credits: {

问题 I use highchart so, the user can close and open the chart page and redraw the chart, in some case give me this error, how can I fix it, Thanks Here is my code function populateGraph(graph1data1,graph1data2,id,time,bottomText,tickinterval){ $(function () { $('#'+id).highcharts({ chart: { type: 'line' }, xAxis: { tickWidth: 0, categories: ['1,2,3,4'] }, yAxis: { gridLineColor: '#fff', title: { text: '' }, labels: { formatter: function() { return ''; } } }, navigation: { buttonOptions: { enabled

问题 In this HighCharts example, how do I remove the gap between where the xaxis starts and where the tick for Jan is. http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/tickmarkplacement-on/ basically I want to put Jan right where the xAxis starts. I couldn't find how to do it in the API. 回答1: There seems to be a problem with categories and startOnTick. But you can imitate categories and make it work: var categories = ['Jan', 'Feb', 'Mar

问题 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)