Highcharts

问题 I'm trying to construct a highcharts barchart using data from multiple locally held json files and having a bit of trouble. For simplicity's sake I want to loop through all files, do a search for a particular string and use the count as the data for my graph. I've went about it like so: options.series[0].name = 'Test'; options.series[0].data = []; //Loop over the different local files and do a search count in each var localfiles = new Array('localfile1.json', 'localfile2.json'); for (var i=0;

问题 Is there any way to make a Dual Axis in Highstock like this one on Highcharts? http://www.highcharts.com/demo/combo-dual-axes 回答1: It looks like you can do it the same way as in highcharts. Each series specifies yAxis:n where n is the axis you want to plot it against, and you need to define n yAxis entries. I modified one of the example highstock demos: http://jsfiddle.net/ykfmG/ $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename='+ name.toLowerCase() +'-c.json&callback=?',

问题 I am trying to plot xy line in which y axis is reversed and I am getting plot but mouse event I am unable to correct it it is showing reverse event, and I want to find min and mix of axis automatically how this can be done? And how to bring x axis on top? This is my code: JS $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container', zoomType: 'xy', marginLeft: 50, marginBottom: 90 }, // How to get minmax automatically zooming is a issue // reverse is true yAxis: {

问题 I have an issue that only seems to affect internet explorer 8. I have used the highcharts.js script from http://www.highcharts.com/ to display data on my site however I have tried to display this data within a lightbox and have used the lightbox_me.js script from http://buckwilson.me/lightboxme/ I will try to show the code I have used: <script type="text/javascript"> var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'analysis', defaultSeriesType: 'bar

问题 I am trying to show a different table or plot in a different div when a bar on a a bar plot is clicked. I have come this far. server.R library(shiny) shinyServer(function(input,output,session) { custom_data = # a data frame in R barclick_func <- "#! function() { var cats = ['100','200','3000','4000']; var datum = [20,40,30,10]; } $('#container_subcat').highcharts({ chart: { type: 'column', }, xAxis: { categories:cats }, series: [{data :datum}] }); } !#" output$my_plot <- renderChart2({ a <-

问题 I'd like to force the layout of a Highcharts treemap to be on 3 lines (just as in a normal html table). All the items in the treemap have the same values but the jsfiddle displays boxes like row1:ACEG row2:BDFH and box I height is much bigger than the others. My code: $(function () { $('#container').highcharts({ series: [{ type: "treemap", layoutAlgorithm: 'strip', data: [{ name: 'A', value: 6 }, { name: 'B', value: 6 }, { name: 'C', value: 6 }, { name: 'D', value: 6 }, { name: 'E', value: 6

问题 Is there a way to get only three steps on the xAxis, one at start, one in the middle and one in the end. I've played around with xAxis.labels.steps but I couldn't get an reliable result. Note the xAxis type is datetime . 回答1: There is at least three ways to achieve that (which are automatically): Use tickPositioner (the best IMHO): you have full access to decide where tick should be set (for example: [min, average, max] ). Use tickPixelInterval : useful only when you have fixed width of the

问题 For some while now Im playing with coloring of my pie chart... And either I got my custom colors without gradient, or default colors with gradient... My colors are stored in php field, which I want to load like colors: <?echo $myColors;?> . Actual state of my code is like this (it shows default colors with gradient): colors: Highcharts.map(Highcharts.getOptions().colors, function(color) { return { radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, stops: [ [0, color], [1, Highcharts.Color(color)

问题 If for example I have a chart with three series in it and the tooltips are set to shared, I would like more control over formatting the tooltips. Currently I use the formatter: somefunction() and create my own html to use in the tooltip that is displayed. Now this works very nicely, but now I would like to be able to know when the formattor function fires which series I am over so that out of the three series in the tooltip I can format the text I show accordingly. Shared Tooltip: Header

问题 I have to show some results of an experiment in a line chart. I got it working for static data, but I want to make it dynamic. So what I got: I have a line charts: var options = { chart: { renderTo: 'container', type: 'line', }, series: [{}] } I want something like this: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-arrays/ I am struggling to make those data: data: [ [0, 29.9], [1, 71.5], [3, 106.4] ] in php side