Highcharts

问题 How can I get the total of only those data points in series which are visible after I have updated the highchart line graph using setExtremes. In my jsfiddle clicking on button show get the result 4 but it's stays 5 :( http://jsfiddle.net/deepakgc/hz8fopan/ $(function () { $('#container').highcharts({ chart:{ events:{ load:function(){ $('#total').text(arraySum(this.series[0].processedYData)); } } }, xAxis: { type: 'datetime' }, series: [{ data: [1, 1, 1, 1, 1], pointStart: Date.UTC(2010, 0, 1

问题 I have a column range charting and it works fine . I just want to display marker symbol on top and bottom for each dataLabels and make string among this symbols. I tried to use marker:{ enabled :true} but it didn't work here's the jsfiddlle http://jsfiddle.net/7eurU/ Thanks 回答1: Column series doesn't have marker for columns. You can add serparate series (scatter) for each value. Or try to develop some plugin to add this, like this one: http://www.highcharts.com/plugin-registry/single/2

问题 If I create column chart that has values that are > 0 but much closer in value to each other than they are to 0 then the chart generated will have columns that look almost identical. See this jsFiddle. However if I change the chart type to a line then the resulting chart is much nicer because the min yAxis value is calculated to a non-zero value so that the distribution of the values on the chart is much more obvious. I could manually set a min yAxis value but I need this to work for any set

问题 I am creating a highcharts. But when the chart finishes loading, i can see 3 buttons for context menu and only one of them functional. Please look at the image: I have just included these script tags in the html: src="http://code.highcharts.com/highcharts.js" src="http://code.highcharts.com/modules/exporting.js" 回答1: Try to add the exporting options : var chart1 = new Highcharts.Chart({ chart: { // ... }, exporting: { buttons: { contextButtons: { enabled: false, menuItems: null } }, enabled:

问题 I don't understand how I'm supposed to use jQuery .clone() when i'm cloning an highchart. I know that .clone() doesn't link the methods on objects. So the clone of the highchart looked correct, but you couldn't interact with it anymore. SO, I've been trying the following : function clonage(src){ var clone = src.clone(false); if (clone.hasClass("highchart")){ clone.highcharts({}); } } By doing this, I've got back the interactions with the chart (the chart is blank), but this is destroying the

问题 $(function () { $('#container').highcharts({ chart: { type: 'bar', backgroundColor: null, width: 360 }, title: { text: null, style: { display: 'none' } }, subtitle: { text: null, style: { display: 'none' } }, credits: { enabled: false }, exporting: { enabled: false }, xAxis: { categories: ['Cat 1', 'Cat 2', 'Cat 3', 'Cat 4', 'Cat 5', 'Cat 6', 'Cat 7', 'Cat 8', 'Cat 9', 'Cat 10'], title: { text: null } }, yAxis: { min: 0, max: 10, gridLineWidth: 0, minorGridLineWidth: 0, title: { text: null },

问题 I had implemented the HighCharts in the framework in my company, and I can say that we are super satisfied with it. But we have a problem, we don't know how to solve. In column graphs, when a column has its value equal to zero, it is no visual information about it, the column is just omitted. I want it displayed in a tooltip when the user mouses over the space of the column where the value is equal to 0. Watch the fiddle below where it generates a bar chart with several columns with value 0,

问题 I'm creating a highchart using the lazy_highcharts gem. I'd like to make use of the afterSetExtremes callback to regenerate some other data on the page on zooming. I've tried several ways, currently trying: @chart = LazyHighCharts::HighChart.new('graph') do |f| f.chart(:zoomType =>'x', :defaultSeriesType => 'spline') f.x_axis(:type=> 'datetime', :events => {:afterSetExtremes => "functon(event){alert('something')}"} ) end But that gives me the error Uncaught TypeError: Object functon(event)

问题 I am trying to update an existing highcharts column chart with new information from a service. I am trying to do this by using the setdata method on the series but the series in "undefined". I am very new to this type of programming so I have no ideal what I am doing wrong. Any help would be greatly appreciated. My Code is below: $('#chart22').highcharts({ colors: ['#FBB369', '#7798BF'], chart: { type: 'column' }, title: { text: 'Some Data' }, xAxis: { categories: ['Cat1', 'Cat2'] }, yAxis: {

问题 Is there a way to influence the transparency of the bubbles in Highcharts bubble charts? I was looking for a configuration comparable to area fillColor, but didn't find one. I tried using rgba colors for the series, like so: series: [{ color: "rgba(255,0,0,0.5)", data: [ but that only made the border semi transparent. Edit: I just tried to use marker fillColor: series: [{ color: "rgba(255,0,0,1)", marker: { fillColor: "rgba(255,0,0,0.1)" }, but that doesn't influence the transparency 回答1: You