Highcharts

问题 Is there a way to bring a series to front in Highcharts without reversing the order of the series? In my code, I've used: $('#graf-1').highcharts({ chart: { zoomType: 'xy' }, title: { text: 'Title' }, subtitle: { text: 'Source:' }, xAxis: [{ categories: datax }], yAxis: [{ // Primary yAxis labels: { format: '{value} €', style: { color: '#89A54E' } }, title: { text: eixoy, style: { color: '#89A54E' } } }, { // Secondary yAxis title: { text: eixoz, style: { color: '#4572A7' } }, labels: {

问题 I made a servlet which creates a Map Object: Map<String, Integer> data = new LinkedHashMap<String, Integer>(); fills in data and returns a response in JSON format using google JSON: String json = new Gson().toJson(data); All this works fine when retrieving data and iterating them into a table. But I need it in special format for the Highcharts plugin: series: [{ name: 'Monday', data: [10] }, { name: 'Tuesday', data: [20] }, { name: 'Wednesday', data: [30] }, { name: 'Thursday', data: [40] },

问题 My serialization method results a datetime string like this: "2014-07-09T12:30:41Z" Why the following code does not work? $(function () { $('#container').highcharts({ xAxis: { type: 'datetime' }, series: [{ data: [ {x:"2014-07-09T12:30:41Z",y: 29.9}, {x:"2014-09-09T12:30:41Z", y:71.5} ], name: "Teste" }] }); }); this code work perfectly: $(function () { $('#container').highcharts({ xAxis: { type: 'datetime' }, series: [{ data: [ {x:Date.UTC(2014, 0, 1),y: 50}, {x:Date.UTC(2014, 2, 1), y:20} ]

问题 I know this question has been asked before on S.O. and other websites but I haven't found a definite answer -- most of them say its not easily done but I wanted to make sure that was the final verdict. Here's my situation: I'm testing a website that is using Highcharts (http://www.highcharts.com) using Selenium WebDriver (Java). I basically want to grab the information that is displayed in a small tooltip pop-up that appears when you hover your mouse over each datapoint on the Highchart's

问题 Need to show multiple tooltips in the highchart only when multiple series points are overlapping. same functionality I can achieve through the below link. https://stackoverflow.com/questions/28918567/showing-multiple-tooltips-in-highcharts-simultaneously But the only problem I am facing here is always showing duplicate tooltip on hover over the single series (Unlike the above example here I am using time-series chart so that the line points will be continuous). please help me to solve this

问题 I'm trying to generate a PDF report using the Wicked_pdf gem and Highcharts. I've already tried to set animation , enableMouseTracking and shadow false. But when wkhtmltopdf tries to generated the PDF files I got an error. I really don't not what to do, because when I do the same procedure for an HTML, Highcharts renders perfectly. 回答1: I fixed it by setting this options: plotOptions: line: animation: false enableMouseTracking: false shadow: false Also, don't forget to include JQuery and

问题 I've got a simple chart showing candlesticks with volume columns underneath: http://jsfiddle.net/T83Xy/ Basically, I want to use black and red for the columns depending on whether it closes higher than the open or not. I've seen some samples by pushing Y: data, color: '#000000' as the parameter. The problem is I'm pushing a date and a volume number. I attempted to push X: date, Y: data, color: '#000000' but it's throwing errors and not giving me the expected result. 回答1: At first, you need to

问题 I have a highcharts that renders data according to data in my database. I am using the type 'bar'. Now i want that when users click on the bar it will redirect to the specific page or forexample another website.I've googled it but couldn't get the answer. Here is the code i am using. $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'bar' }, title: { text: 'Historic World Population by Region' }, subtitle: { text:

问题 Im trying to make my rendered chart fill 100% of the parent div with no success. Is there any way I can remove the gap on the left and right sides? http://jsfiddle.net/sKV9d/ var chart = new Highcharts.Chart({ chart: { renderTo: 'chart', margin: 0, width: 300, height: 200, defaultSeriesType: 'areaspline' }, series: [{ data: [33,4,15,6,7,8, 73,2, 33,4,25], marker: { enabled: false } }] }); 回答1: If you remove the options width: 300, height: 200 like this: var chart = new Highcharts.Chart({

问题 I have an area chart with negative values. Nothing insanely different from the example they give, but there's one twist: I'd like to keep zero centered on the Y axis. I know this can be achieved by setting the yAxis.max to some value n and yAxis.min to −n , with n representing the absolute value of either the peak of the chart or the trough, whichever is larger (as in this fiddle). However, my data is dynamic, so I don't know ahead of time what n needs to be. I'm relatively new to Highcharts,