could you try to use lazy-high-chart gem? it's easy and it will save your time when doing this.
e.g. in controller,
@h = lazyhighcharts::highchart.new('graph') do |f| f.options[:chart][:defaultseriestype] = "area" f.series(:name=>'john', :data=>[3, 20, 3, 5, 4, 10, 12 ,3, 5,6,7,7,80,9,9]) f.series(:name=>'jane', :data=> [1, 3, 4, 3, 3, 5, 4,-46,7,8,8,9,9,0,0,9] ) end
<%= high_chart("my_id", @h) %>
- How to input plot data into highcharts with rails
- Plot Highcharts data from past 30 days with Ruby on Rails
- How to have multiple highcharts with different series data in vuejs without repeating code
- how to import JSON data into VS2012 to plot highcharts
- Load data into Highcharts with Ajax
- How to get multiple data series into Highcharts
- How to pass custom data into Highcharts graph click event
- Highcharts scatter plot with lots of data points running really slow
- How to structure Angular with Highcharts and lots of dynamic data
- Highcharts - Global configuration with common code and unique data & Headings
- How to populate a Highcharts axis with string formatted data from a PHP array
- How to handle HighCharts zooming with large data sets
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- Passing data from db into Highcharts in Rails 3.x
- How to Build a Column Chart in Highcharts with Data Entered Dynamically Within a CMS
- Highcharts - How to make a scatter plot with multiple series from HTML table
- How to align Highcharts datetime x-axis with data I pass to it?
- Highcharts Scatter Plot - How to Fix Overlapping Data Labels?
- HighCharts & MVC: How to load whole graph definition and data with JSON?
- Highcharts bar with negative stack: how to position data labels
- Get json data into Highcharts scatter plot
- How to specify a range of data when using HighCharts with <table>?
- Issue with Dates - trying to plot MongoDB data in Highcharts via PHP
- How to push data into highchart with just one decimal place?
- How update in real time with highcharts 3 data module?
- How to create two plot areas with highcharts
- Angular 11 - How to import array data into highcharts
- How to change Highcharts graph with HTML radio button input (JS/jQuery)
- Yii2 How to pass php array data into highcharts
More Query from same tag
- Sankey: Display label outside of sankey and provide drag & drop functionality
- How can I write svg to a Highcharts.Renderer object?
- Highcharts rangeselector navigation - start on the lowest date / value
- Break highcharts legend items into two lines
- How to use High Charts with AJAX + SpringMVC
- Highcharts - How to add background in bar series? And how to print page without lose quality?
- Highcharts Heatmap Set Column Width
- Highcharts: Using JSON to load xAxis data as 'datetime'?
- Highcharts / Highmaps drilldown on init
- Highcharts: Stacked area drilldown to multiple series
- adding point on y-axis HIGHCHARTS
- Bubble chart with NextJS and highcharts-react-official
- highcharts.js: cannot select some points in dense series
- how to reduce the spacing between the columns? HIGHCHARTS
- Applying a custom colors on HighCharts Line?
- highcharts legend items align to the left when width is set
- Highcharts modulo alternateGridColor
- Highcharts - No X Axis Crosshair
- Highcharts - xAxis label for each point
- Render charts based on type with AngularJS components
- Highcharts - Show a string category label in the tooltip for a line graph
- How to update series values of bar with time interval in High chart?
- Highcharts - Hiding plot line behind plot label
- View Data table in highcharts
- HighCharts: Display total value below the legend title
- loading highcharts with data from database
- Having trouble JSON encoded data from MySQL through Highcharts
- Launch Highcharts zooming programmatically (after a selection)
- HighStock: data series missing when zoom to larger range