Highcharts

问题 I follow the following guide to create a live chart: http://www.highcharts.com/documentation/how-to-use#live-charts It catch the values and update the chart every '3' seconds. It works fine! Now, is it possible to show the real time value on labels? Something like: This should be change every polling..... Or at least, show the last generated value in other chart place? This is my HTML/JS code to generate the chart: <script type="text/javascript"> var chart; // global function requestData() {

问题 Im using highcharts to display some results, but i need to save the chart as an jpg image into the project folder to email it. There is a way to save the image without involve the "download" of the browser, just save it to a destinated folder. Thanks. 回答1: If you create your own export server like what is described here (I use the Java + phantomJS setup). You can then send via the command line the json to build the chart and the output type (jpeg, pdf, etc) and then you can redirect this

问题 I have tried to load JSON file from external link in Highcharts. I am doing this code by referring the example given in Highcharts website,but when I loading the web page,it doesn't show any bar chart and when opening console there is no error found.I have following type of json data. [ { "Country_Name": "MYANMAR", "value": [ 143 ] }, { "Country_Name": "MONGOLIA", "value": [ 46 ] }, { "Country_Name": "ZIMBABWE", "value": [ 1 ] }, { "Country_Name": "Bahrain", "value": [ 1 ] } ] $(document)

问题 I made a barchart with dates. Currently, to remove the dates, you must click on the dates in the legend. I wish delete multiple dates at once. Let's take an example. My dates range from 1960 to 2015. If I would have on my chart the dates from 2000 to 2005, so I would like that if you click on 1960 and 1999, then all the dates between are deleted / hidden. It goes faster when many dates. How to do ? Here is my code : $(function () { $('#container').highcharts({ chart: { type: 'column' },

问题 as i understand it, the drilldown data format is something like this: data: [['foo1', 2], ['foo2', 3], ['foo3', 2]] i was actually successful in adding data to each array like so: data: [['foo1', 2, 111], ['foo2', 3, 222], ['foo3', 2, 333]] but, displaying it is giving me trouble. as i understand it, for the tooltip formatter, data is accessed using this.point.name, this.point.y, this.x, or this.percentage. how does one go about retrieving extra data in the point? 回答1: Switch to using a point

问题 I'd like to use a custom printing button for my Highcharts graph. Now, I succeeded in adding it, however, I don't know how to make it display those default printing options (Export as PNG, SVG, JPG, PDF). And how to make disappear that default printing button. This is the code: exporting: { buttons: { 'myButton': { _id: 'myButton', symbol: 'url(http://geodev.grid.unep.ch/images/button_download.png)', onclick: function () { alert('click!') } } } } And here is a fiddle. Is there any simple

问题 I am starting with SpagoBI, I managed to display a static chart using Highchart, what I want to do is a dynamic chart means if my data set is updated I want my chart to be updated as well, without manually refreshing the web page. like the example under this link [1] I used SpagoBi studio to deploy the chart, I tested the option of "refresh Seconds" (I edited to 1 second) while deploying but it is not working. How can I do that? Update: the chart template: <HIGHCHART width="100%" height="100%

问题 I have the following HTTP request that i use to fill out my chart: $scope.series = ['Moduler tager', 'Gns.score']; $scope.activity_data = []; $scope.activity_ticks = []; var tmp_data = []; $scope.bar = []; $scope.line = []; $http.get(api.getUrl('findSelfActivityByDivisions', null)) .success(function (response) { response.forEach(function(y){ var i = 0; var log_date = y.date.substr(0, y.date.indexOf('T')); var date = new Date(log_date); var logg_date = moment(date).fromNow(); var indexOf = tmp

问题 I have an ajax call $(function () { $.ajax({ url: '../../getdaily.php', type:'POST', dataType: '', success: function(output_string){ console.log(output_string); }, error: function (xhr, ajaxOptions, thrownError){ console.log(xhr.statusText); console.log(thrownError); } }); }); and the console.log will output... [{"name":"Test-Cases","y":118},{"name":"White-Box","y":43},{"name":"Priority","y":44}] I can easily paste this into my data : for highcharts and get the piechart I am looking for like

问题 It seems like when I enable crosshair for the yAxis, only the last series defined get a crosshair. I would like all of them to be crosshaired. (.. and I would love if they also had the color (or preferably a darker variant) as the series.) 回答1: You can create an y axis per series, link those additional axes to the first one and define a specific crosshair in each axis - then link series with a specific axis and you will get an seperate customizable crosshair per series. Highcharts.chart(