Highcharts

问题 I just check a post regarding making a label with design using renderer.label and plotline animate (Add design to plotLabel Highcharts). My question is, Is there a way to use chart.renderer.path as the moving horizontal gridline instead of using the common plotline ? I am a bit confuse on how to use the renderer.path. Can you help me with it? Really appreciate your help with this. const plotband = yAxis.addPlotLine({ value: 66, color: 'red', width: 2, id: 'plot-line-1', /* label: { text: 66,

问题 I need some help with the following problem, when I get a pdf with images on Chrome and FireFox I can get a good résult, jsPDF put on it some blur but I can live with it. Result on Chrome In other hand, on IE 10,11 and Edge the result is the following: Result on IE If you notice we can see something on pictures but almost is black. Those are charts from highcharts and I convert svg to canvas. I put some snippets but I can send to email the whole example: var doc = new jsPDF('p', 'pt', 'a4',

问题 I am looking for help in implementing multi-level drill down with Highcharts async drill down. I was able to implement the drill down to first level but i need drill down to one more level. Below is sample example which i am using for reference. In below example i can drill down to "Animals","Fruits" & "Cars". I also can click on Sheep and able to drilldown but how can i add series which will be displayed after i click on Sheep. Thanks for any help.. $('#container').highcharts({ chart: { type

问题 Sometimes it is very difficult to get the Highcharts Javascript charting library to show a tool tip for certain data points. For example, try to show the tooltip of the data point at 50,50 on the below link. It is very difficult to get it to show, and it flickers a lot. Does anyone know about some workaround? http://highcharts.com/jsbin/ogixaz/2/edit I tried it with an update-to-date Chrome and Firefox. 回答1: have you tried: //... plotOptions:{ series:{ stickyTracking:true; } } UPDATE: I have

问题 In the below link , left and right side data is not showing properly, I want to adjust pie chart in center and add ellipsis for visible data. jsfiddle url : http://jsfiddle.net/f0bqnba3 Image : Code: $(function () { Highcharts.chart('container', { chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, type: 'pie' }, title: { text: 'Browser market shares January, 2015 to May, 2015' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotOptions:

问题 I'm trying to find/work out how to implement a gauge using ng2-highcharts. I've been looking at how the line and bar charts are implemented in the angular2-seed-ng2-highcharts project - https://github.com/Bigous/angular2-seed-ng2-highcharts and thought it would be a simple matter of modifying the chart options to something like: chart: { type: 'gauge', plotBackgroundColor: null, plotBackgroundImage: null, plotBorderWidth: 0, plotShadow: false }, title: { text: 'Speedometer' }, pane: {

问题 I'm trying to use highcharts to draw data from php json. the php works ok but i dont know how to make the json an input. Speciffically 'm trying to put the data on single Gauge Chart like the one on the example, but i can't configure the script to read the json. The URL si this: php/KPItonsStock.php <?php function getArraySQL(){ $startd = "29964"; $endd = "29968"; $dsn = "prueba"; $connect = odbc_connect( $dsn, '', '' ); $query = " Select SUM(TON_DESCARGADO) AS data from (Select unit,[load]

问题 I am trying to render data on to a spline chart by collecting an array of id's: Controller def student_feedback difficulty_ids = current_user.school_user.homework_students.pluck(:difficulty) @homeworks = HomeworkStudent.where("homework_id = (?)", difficulty_ids).first end The table I am targeting is called homework_students: create_table "homework_students", force: :cascade do |t| t.integer "school_user_id", limit: 4, null: false t.integer "homework_id", limit: 4, null: false t.datetime

问题 I have been trying this for hours and still have no idea. Here is the config that I am using chart: { type: 'xrange', height: 800, }, title: { text: 'Patient Sessions Overview' }, xAxis: { title: 'Time of the Day', type: 'datetime', tickInterval: 3600*1000, tickPixelInterval: 200, labels: { formatter: function () { return Highcharts.dateFormat('%H:%M', this.value); }, }, min: Date.UTC(2016,1,1), max: Date.UTC(2016,1,2), }, yAxis: { title: 'Day of the Month', type: 'datetime', tickInterval:

问题 I have to display some special information when my mouse is over a concrete point in a chart that is provided by Highcharts. I am using the Highcharts extension for Yii2. My Code 'tooltip' => [ 'enabled' => true, 'footerFormat' => true, 'formatter' => "js:function() { return 'my special information'; }" ], The data that comes from controller is correct. However there is nothing different - tooltip is still the default What am I doing wrong? 回答1: Sorry. My bad. All is working fine. I just