setData and setCategory highcharts from rails -


i'm using highcharts 3.0.1 ruby on rails.

basically have javascript ( in ajax/remote request) :

var chart = $('#my_bar_div').highcharts(); chart.xaxis[0].setcategories(["cat1", "cat2", "cat4"]); chart.series[0].setdata([6.0,7.0,8.0]);

ruby version _updatechart.js.erb:

var chart = $('#my_bar_div').highcharts(); chart.xaxis[0].setcategories(<%= @qids.to_s.html_safe %>); chart.series[0].setdata(<%= @average_values.to_json %>);

i'm going 6 3 categories/rows, use vertical column chart:

@bar = lazyhighcharts::highchart.new('column') |f|   f.series(:name=>'punkte',:data=> @average_values )      f.title({ :text=>"auswertung fragen " + @theobjects.name })    ###  options bar   f.options[:chart][:defaultseriestype] = "bar"   f.plot_options({:series=>{:stacking=>"normal"}, :bar => { :datalabels => { :enabled => true }}})   f.options[:xaxis] = {:plot_bands => "none", :title=>{:text=>""}, :categories => @qids}   f.options[:yaxis] = {:title => { :text =>'punkte', :align =>'high'}, :labels => { :overflow => 'justify' } } end

it resizes categories, not redraw columns, tried without success.

maybe got ideas?

thanks, patrick

fixed example: http://jsfiddle.net/bcryp/4/

1) "plotbands": "none" -> remove or use {}

2) use same variable's name:

var chart; $(document).ready(function () {     var chart = new highcharts.chart(options);     jquery("#button").on("click", function () {         chart.xaxis[0].setcategories(["wie geht es?", "how mam?"], true);         chart.series[0].setdata([5.5, 6.0], true);     }); });

Comments

Post a Comment

Popular posts from this blog

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

complete newbie here python started learning language few days ago (with no programming experience beforehand). i'm bashing skull against desk here, trying create 1 menu button lead menu, supposed replace/hide/destroy previous menu (either works, long process can reversed). what i've come far: import wx class mainframe(wx.frame): def __init__(self): wx.frame.__init__(self, none) self.centre() self.main_menu = mainmenu(self) self.intro_screen = introscreen(self) self.intro_screen.hide() class mainmenu(wx.frame): def __init__(self, parent): wx.frame.__init__(self, parent=parent) self.main_menu = mainmenu panel = wx.panel(self) sizer = wx.boxsizer(wx.vertical) nextscreen = wx.button(panel, label='next screen', size=(150,30)) nextscreen.bind(wx.evt_button, self.nextscreen) sizer.add(nextscreen, 0, wx.center|wx.all, 5) self.show() self.c...
Read more

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

this first assignment of file sharing. need share files our website above mentioned locations. currently, have been exploring each service’s api file sharing. question 1 : there javascript code snippet available (like addthis.com ) share files? question 2 : should use server side coding file sharing or javascript advisable? thanks viewers. found useful plug-in named "ink file picker". saves given http file resource directly users online storage engine. url: https://developers.inkfilepicker.com/docs/web/ live example: http://ctrlq.org/save/
Read more

Android Gson.fromJson error -

i've completed tutorial how connect json url , parse content using gson library. code works fine url specified in tutorial, tryed modify work this url . tryed display 1 field second ulr, base field, can't work. here code, please help: public class jsonparsingactivity extends activity { string url = "http://api.openweathermap.org/data/2.5/weather?q=london,uk"; @override public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); inputstream source = retrievestream(url); gson gson = new gson();// main gson class reader reader = new inputstreamreader(source); searchresponse response = gson.fromjson(reader, searchresponse.class); //gson.fromjson(string, class) toast.maketext(this, response.base, toast.length_short).show(); } private inputstream retrievestream(string url) { defaulthttpclient client = new defaulthttpclient(); httpget getrequest = new httpget(url);...
Read more