Highcharts

问题 I am making a dashboard in a Sharepoint html page. My charts render and display correctly in Chrome, but only the pie chart renders in Internet Explorer 11. If I create a static array of data for the series, it works. If I try to populate it dynamically, it only works in the pie chart. <script type="text/javascript"> $(document).ready(function() { Date.dateDiff = function(datepart, fromdate, todate) { datepart = datepart.toLowerCase(); var diff = todate - fromdate; var divideBy = { w:

问题 I've seen a few suggestions here, but nothing seems to apply to my situation. I've also seen some unresolved similar issues. I have scatter plot with a lot of data (about 40k) points. It's really slow. The link below (genetic data - called a Manhattan plot) will eventually load, but it's just slow. I need to find a way to optimize performance. http://ricediversity.org/test/highcharts/examples/line-ajax/index-b.htm Also, I'm trying to add additional info (data fields) to my tooltip from my

问题 In Highstock, you can use the jquery ui datepicker instead of inputting text into the date fields, as in this demo... http://jsfiddle.net/hcharge/aNde9/ datepicker Clicking the input once, opens the datepicker where it should be below the input field, however if you close it and open it again it then sticks to the top of the container. Implemented in a webpage this would be the top of the browser window. Is this a known issue? 回答1: The datepicker controls its vertical position through the

问题 I have a dynamic value for a quote. Horizontal line indicates the current position on a line chart. To move it i have to remove and add last one each time i receive new. I need to animate transition of this plotline, that's why it should not be removed and created again. That's how it looks now: chart.yAxis[0].removePlotLine('current-price'); chart.yAxis[0].addPlotLine({ value: parsedData.quote, color: 'black', width: 0.5, id: 'current-price', useHTML:true }, zIndex:100 }); 回答1: you can

问题 I am using Highcharts Pie Chart. The chart has a few large wedges and then several smaller wedges. I can use the distance to pull the datalabel into the wedge or have it outside the pie, but I want a mix. I want the fat wedges to have the label in the pie, but the tiny wedges I want the label outside. I can change the color of the label in the formatter function based on the value (this uses a span style="color:'+color'"). I tried adding distance to this span but it doesn't work. Can anyone

问题 I want to change highchart's width on button click, I know I can do it using chart.setSize function, but it sets the width only in pixels . But I need to set the width in percentage . Here is the sample JSFiddle, in which I have tried to reset the width in 3 ways. Only Button 1 works, but not the remaining 2. Please let me know how can I reset the width in percentage . 回答1: you could do it like button4 here : var chart = $('#container').highcharts(); var el = $('.chart-inner'); el.css('width'

问题 I can dynamically set the color of a column based on data, but can't figure out how to change the color in the legend. Notice on the jsfiddle, the latest bar is green, but the legend is blue. Is there a way that changing the column color also changes the legend color? Here is the code I use for the column color: jsfiddle: http://jsfiddle.net/VCjZx/2/ function makeRun() { var divId = "container"; var current = new Array(99.95,99.96,99.97,99.98); var goal = new Array(99.965, 99.965,99.965,99

问题 If I include exporting.js file in my script, I get options like 'Print Chart' and 'Download Image'. Is there any way to get an option like 'Email Chart', that will open up the preferred email client and attach the chart as an image? 回答1: Save the rendered chart in a JS variable. Ajax it to phpmailer and send it via an email. Works in gmail safari, but not chrome/mozilla. Also works when opened in Workspace email. $(document).on("trigger", function() { var chart = $('#print').html(); var email

问题 I'm working on HighCharts Spline Irregular Data. Here the data is passed as data: [ [Date.UTC(1970, 9, 27), 0 ], [Date.UTC(1970, 10, 10), 0.6 ], [Date.UTC(1970, 10, 18), 0.7 ], [Date.UTC(1970, 11, 2), 0.8 ], [Date.UTC(1970, 11, 9), 0.6 ], [Date.UTC(1970, 11, 16), 0.6 ], ] But, I'm sending the data from the python backend via AJAX call as data: [ "2013-11-07 00:10:27", 0 ], "2013-11-07 00:10:27", 1 ], "2013-11-07 00:10:27", 2 ], "2013-11-07 00:10:27", 3 ], "2013-11-07 00:10:27", 4 ], "2013-11

问题 I'm trying to show datalabels. but DATALABEL the black bar is not shown. why? http://jsfiddle.net/o4pt855e/ other bars are displayed well. I take this opportunity to ask how I can put a condition ?. if the value is less than 5, the DATALABEL be shown to the left, otherwise the right. $(function () { $('#container').highcharts({ chart: { type: 'bar' }, title: { text: 'Mi EPS' }, xAxis: { //categories: ["number1", "number2", "number3", "number4","number5"], title: { text: null }, labels: { //