Highcharts

问题 I'm trying to make the X and Y axes of my chart intersect at 0, always . Currently, I'm intercepting the 'load' event and then changing the offset of the axes which works initially, but when the window is resized or the chart is zoomed in, the axes don't update. How can I keep the axes centred on 0 even when the window is resized or the chart zoomed? Here's my fiddle and code: http://jsfiddle.net/a003mc4b/ $(function () { $('#container').highcharts({ chart: { type: 'scatter', zoomType: 'xy',

问题 I am having a drop down menu on my page: <form action="/my-action/" method="post" name="selection"> <label for="user"> User</label> <select id="user" name=user onclick="$(this).closest('form').submit();"> <option>user 1</option> <option>user 2</option> </select> </form> What I want to achieve, is to add this drop down menu on the chart, for example next to the chart title or next to the range selector on the top of the chart. I could not find anyway for this, and i dont know how to handle

问题 I am looking for a graph library that is highly customizable. I found Highcharts and loved it. I am trying to create a pie chart that has images on it. Something like this image but I am not sure how to do it with highcharts. can anyone help me. Is this possible with highcharts ? if not can you please suggest any other graphs where I can get this output? 回答1: It is possible using Highcharts to add custom image to chart using default API's renderer . (API reference: http://api.highcharts.com

问题 I"m working on a project in which the design is similar to that of the one in the fiddle. Side navigation of the left with toggle option and the chart on to the right side. What's happening is the chart responsiveness is awesome and it's perfect when I resize the window. But in the my project I have a toggle button to toggle the navigation bar in the left side which is working fine. When I hide the navigation bar. The div width becomes 100% of the screen but the width of the chart remains the

问题 I need to display a dataset as a Highcharts column chart. I don't know how to pass the data to the Javascript method of Highcharts to display my Business Process score regarding the day. The dataset is built in my BusinessProcess controller: @business_process_history = DmMeasure.where("period_id between ? and ? and ODQ_object_id = ?", first_period_id, current_period_id, "BP-#{@business_process.id}").select("period_day, score").order("period_id") This gives the expected 2 fields, 10 records

问题 I'm trying to display x number of different highchart graphs in a single page. Each chart has it's own .js option file where it get's data and is configurated. The link to these files are embedded in the charts own HTML file which contains the div it is to be rendered to. Each of these charts html files are upon request loaded into a div with id of "reportsWindow" through jQuery (see code below) HTML pages layout: <script type="text/javascript" src="/graf/revenue/revenueGraphScript.js"><

问题 I am currently using highcharts and there is a requirement for my project to group categories of series names together in the legend but I can't seem to find a way to do this. There are 3 "categories" of data series that the PM would like to have displayed in 3 columns in the legend. The biggest issue is that one of the 3 categories has a variable number of elements depending on the features selected for inclusion in the chart. E.G. In one instance the series might be: Apples, Pears, Peppers,

问题 hi i am using the two panes chart http://www.highcharts.com/stock/demo/candlestick-and-volume i then put a plodBands to that chart , what happened is the Band affect both yAxis like in here http://jsfiddle.net/6sqEd/ what i have noticed is this chart has only one xAxis . How can i make this PlotBands arget only the first yAxis Not BOTH ??? here is the code : $(function() { $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl- ohlcv.json&callback=?', function(data) { //

问题 I want to pass data from a div id to a javascript highcharts function. I am following the advice kindly suggested by someone on here by looking at HTML5 Custom Data Attributes However something must be wrong because when I try to use variables instead of numbers in the data series using val1, val2 etc nothing gets drawn. When I change it back to any number for test purposes it works. Can anyone explain why? (I have left one as val1 here but the other 3 in the series are left as numbers) THE

问题 I am trying to use Highstock/Highchart to show some data. In my data, the interval between each record is 1 millisecond, I want to set length between each tick to 40 milliseconds, I tried it by setting tickInterval to 40, but on the graph it shows 50 between each tick. If I set it to 30, the graph shows 25. Very weird, I don't know what to do now, please help. The link: http://jsfiddle.net/xEcNS/1/ Thanks you 回答1: I went through the highstock source code and found this piece of code function