Highcharts

问题 I would like to label the series data with conditional formatting but its not working for me. Please help me fixing the issue. I have pasted my code for basic data series which i would like to label based on the threshold but i am unable to do that. if i comment the if condition then the label shows up for the entire series. $(function () { $('#container').highcharts({ xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, plotOptions: {

问题 I'm using angular-5,angular2-highcharts version 0.5.5 and highcharts version 6.0.7. I want to add in my html in not in the chart a button for download the chart in png or csv. Png one works fine, but I can't got it with csv: This is my code: downloadPng(): void { //this one works this.chart.exportChart({ type: 'image/png', filename: this.title }); } downloadCsv(): void { //this one crashes this.chart.exportChart({ type: 'text/csv', filename: this.title },{ itemDelimiter: ';', csv: this.chart

问题 I am making a line chart with Highcharts and everything was fine but the X-axis. It's not displaying the right data which I have get from mysql. This is my chart right now but it is not what i expected. X-Axis row auto change all of my data to 01:[my minutes]:[my mins], example: my data is:2015-05-12 08:23:40 it auto convert to 01:23:40. i don't know why http://imgur.com/YSC7vTl,Y4jYQ8q#0 I need a chart look like this but I don't know how to fix it, help me please. http://imgur.com/YSC7vTl

问题 If I try to rotate the data labels in my column charts, I can not align the labels at the bottom of my columns, verticalAlign appears to be completed ignored. basically trying to use: plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, verticalAlign: 'bottom', rotation: -90 } } } fiddle with it at: http://jsfiddle.net/FbhAs/ Anyone know a work-around? -= Jab 回答1: The dataLabels don't seem to align correctly to the bottom. Instead, use the axis labels themselves. For a

问题 I'm trying to change the background color of each of the segments of a polar chart. It's easy to set a singular color for the background, but is it possible to set a different color for each piece of the polar pie? An example would be 8 different colors for the chart segments below: http://www.highcharts.com/demo/polar Thanks 回答1: To my knowledge there is no easy way to do this within the API. I'll present a solution that utilizes the chart.renderer to draw a single color for each slice of

问题 I have a chart as below. http://jsfiddle.net/Mn6sB/4/ $(function () { $('#chartContainer').highcharts({ chart: { renderTo: 'chartContainer', type: 'column', marginTop:50, spacingBottom: 5, marginBottom: 100 }, credits: { enabled: false }, title: { text: 'Product health', }, subtitle: { text: '' }, xAxis: { type: 'datetime', minTickInterval: 24 * 3600 * 1000, dateTimeLabelFormats: { month: '%e %b', year: '%b' } }, yAxis: { min: 0, max:100, tickInterval:10, title: { text: 'Passrate' }, },

问题 I have a highstock chart with data in the range [t1 , t2] in the x axis, and I want to set the axis extremes to [t1, t3], being t3 higher than t2, resulting this in a portion of the chart with no data. The chart has no navigator nor scrollbar nor range selector. When I try to do this ... chart.xAxis[0].setExtremes(extremes.min, extremes.max + ((30 * 60 * 1000))); ... it seems like highstock is replacing the max I provide with the max of the data, but if I log the axis extremes after calling

问题 Is it possible to embed Highcharts scripts in Google sites? I've tried inserting an HTML box and also throwing everything in an HTML file and calling it via a Google Apps script. So far, both methods just give me all the text from the graph (title, axis labels, etc.), but no graph. I know embedding JS in a Google site is kind of tricky, but can this be done? 回答1: No. SVG (which Highcharts uses) is not supported within Caja (which an HTML Box and Apps Script use to sanitize and ensure safe

问题 I am trying to use highcharts to add a graph to my site. However, I am a newby to json and I am having trouble loading the file. Here is the code: http://jsfiddle.net/czNn2/9/ 'graph-data-array2.json' contains: [{ name: 'Asia', data: [502, 635, 809, 947, 1402, 3634, 5268] }, { name: 'Africa', data: [106, 107, 111, 133, 221, 767, 1766] }, { name: 'Europe', data: [163, 203, 276, 408, 547, 729, 628] }, { name: 'America', data: [18, 31, 54, 156, 339, 818, 1201] }, { name: 'Oceania', data: [2, 2,

问题 Can somebody help me with my problem. I have this piecharts, and i need to change point( segment ), when i mouseover on it What the best way you can advise me? Maybe something like this, change point, but i don't know how to do this plotOptions: { series:{ point:{ events: { mouseOver: function( e ){ console.log( this ) } } } } }, 回答1: Try to update only graphic using element.attr() , see: http://jsfiddle.net/rh5fz92q/ plotOptions: { pie: { point: { events: { mouseOver: function(e){ this