Highcharts

问题 This is a follow-up from Highcharts: incorrect column placement with linked series? but I felt that this issue warranted a new post rather than a continuation of the comments in the above post. Basically a bit of a hack is required in order to implement variable width columns. That hack is to use multiple series... one series per column width required. But that hack leads to an issue with placement of columns, and another hack is required to move them to the right place. But that creates an

问题 I want to make the chart like the picture below. I made the chart below by typing data manually. Picture 1 But, I want to take data from database, but I don't know how to categorize the xAxis. I have codes like this: controller $faculty = (new \yii\db\Query()) ->select(['Faculty']) ->from('facultyin2011') ->limit(10) ->column(); $age1 = (new \yii\db\Query()) ->select(['lessthan25']) ->from('facultyin2011') ->limit(10) ->column(); $age1 = array_map('floatval', $age1); foreach ($age1 as $key =>

问题 I want to make the chart like the picture below. I made the chart below by typing data manually. Picture 1 But, I want to take data from database, but I don't know how to categorize the xAxis. I have codes like this: controller $faculty = (new \yii\db\Query()) ->select(['Faculty']) ->from('facultyin2011') ->limit(10) ->column(); $age1 = (new \yii\db\Query()) ->select(['lessthan25']) ->from('facultyin2011') ->limit(10) ->column(); $age1 = array_map('floatval', $age1); foreach ($age1 as $key =>

问题 I want to change the appearange of all the markers (not only the one pointed) when hovering the series, but the following code (http://jsfiddle.net/fw852fy9/4/) does not work properly. What's wrong? Highcharts.chart('container', { chart: { type: 'scatter' }, plotOptions: { series: { lineWidth:1, states: { hover: { lineWidthPlus: 2, marker: { enabled: true, radius:3, states: { hover: { fillColor:'#FF0000', lineColor:'#00FF00', lineWidth:3, radius:12 } } } } }, marker: { enabled: true, radius:3

问题 I want to disable the use of navigator in highcharts but still show it as "full" small chart. Is it possible? 回答1: Yes, you can hide them in callback: http://jsfiddle.net/nX37D/ But user still will have possibility to change extremes by using handles (even if they are invisible). To change that behavior, you will need to edit sources. $('#container').highcharts('StockChart', options, function (chart) { var handles = chart.scroller.handles; setTimeout(function () { handles[0].hide(); handles[1

问题 I want to disable the use of navigator in highcharts but still show it as "full" small chart. Is it possible? 回答1: Yes, you can hide them in callback: http://jsfiddle.net/nX37D/ But user still will have possibility to change extremes by using handles (even if they are invisible). To change that behavior, you will need to edit sources. $('#container').highcharts('StockChart', options, function (chart) { var handles = chart.scroller.handles; setTimeout(function () { handles[0].hide(); handles[1

问题 How to add event for highcharts bubble? I have code https://jsfiddle.net/stachu/p4j5mng5/27/ plotOptions: { series: { cursor: 'pointer', point: { events: { click: function (event) { $('#report').html(event.s); } } }, }, bubble: { cursor: 'pointer', minSize:2, maxSize:42, }, }, Code from plotOptions sections not working. Any idea to display s data from report div? 回答1: It is a bug which appeared in 5.0.1 version. Use 5.0.0 version or the latest development version from github. <script src=

问题 I need to convert zamel code to HTML code. One of the controllers of zamel, allows monitoring of health index. I have the following controller: The way this controller works: It has 3 states for each standard, we have six standards: Corp,IEEE, IEC ,NEI , PTX and ABN. Now each standard has 3 states: OK status- Green Color. Alert status - Yellow Color. Danger Status - Red color. Now if all standards are ok,then the overall health index is ok, if one standard isn't ok then overall health index

问题 I'd like an event to fire if a user clicks the category name of a column chart. I see there are options for if the user clicks the bar itself, but what about the category name of the bar? 回答1: use this: $("#container .highcharts-axis-labels:first text").click(function() { alert($(this).text()); }); fiddle here 回答2: You can use custom-events plugin, which extends events in chart. 来源： https://stackoverflow.com/questions/31735781/highcharts-event-on-column-category-name-click

问题 I need to convert zamel code to HTML code. One of the controllers of zamel, allows monitoring of health index. I have the following controller: The way this controller works: It has 3 states for each standard, we have six standards: Corp,IEEE, IEC ,NEI , PTX and ABN. Now each standard has 3 states: OK status- Green Color. Alert status - Yellow Color. Danger Status - Red color. Now if all standards are ok,then the overall health index is ok, if one standard isn't ok then overall health index