score:0
As you can find on the SO forum a lot of users suggest to use wkhtmltopdf to do it. Suggested solutions:
And here is an example of how to create a spider chart in the JavaScript which you should easily rebuild in your project:
Demo: https://jsfiddle.net/BlackLabel/n1e0pmtv/
Highcharts.chart('container', {
chart: {
polar: true,
type: 'line'
},
xAxis: {
categories: ['test1', 'test2', 'test3'],
tickmarkPlacement: 'on',
lineWidth: 0
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0
},
series: [{
name: 'test',
data: [43000, 19000, 60000],
pointPlacement: 'on'
}],
});
I am also attaching the link to the blog with instruction of implementing Highcharts with Ruby.
https://www.highcharts.com/blog/post/i-am-ruby-developer-how-can-i-use-highcharts/
score:0
There's prawn-svg that can render SVGs into prawn, and so you can make a svg graph and render it inside your pdf.
Highcharts can export SVGs, but to run you should have a javascript runtime, which is possible, but will take some effort to setup and run. So some ruby-level chart library may be more preferable (it you can find one, as most current charting libraries are for client side javacsript).
Easier solution is to use a html-to-pdf converter, like wkhtmltopdf
, that popupar wicked-pdf
gem is based on. It runs a headless browser, renders the page and exports to pdf. The process is much slower, because for each pdf a separate process with browser in it has to run, and resulting pdf is larger, but you can use familiar web techniques in markup and reuse html views.
Source: stackoverflow.com
Related Query
- Spider Chart (High Chart) in rails with Prawn PDF How to generate?
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- Can I use highcharts in a pdf generate with prawn in Rails?
- How to Create synchronized High chart with different no of series per chart
- how can we draw column chart with stacked column chart in a single high chart?
- How to change font size of chart title in downloaded pdf with jspdf
- How can i draw a high chart with two labels in x coordinate using highchart
- High Charts Polar / Spider chart with off-graph y-axis labels
- How can we achieve high chart with complex json data?
- Highcharts, How to show datatable when export PDF and not show pdf when normal with Drilldown Chart
- How to apply color gradient in progress bar in high chart with stylemode in Angular
- How to add Indicators in High Stock Candle Stick Chart with Angular 5.0?
- Highcharts - how to have a chart with dynamic height?
- How to save an image of the chart on the server with highcharts?
- How to export a Highchart chart to PDF thanks to a button outside the chart?
- How to show a column with the value Zero in Column chart in Highcharts?
- How to create a new Highstock chart with new Highchart and not jquery?
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- In high chart how to add event for label click
- How do I get remove of 'data table' option from High chart export
- exporting highcharts polar chart to PDF with phantomjs
- knockoutJS dynamic chart with high charts
- How do I reduce the space between title and chart of a High Chart?
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- How to build an Organization Chart with highcharter
- How to call typescript function inside High chart click event
- How to use add series and update methods in the high chart wrapper for angular?
- How to generate multiple high charts in ng-repeat
- How do I select which columns from my CSV to chart with HighChart?
- How to set variable in high chart data field
More Query from same tag
- Highcharts Stacked Columns Labels on Top
- Can't display another Highcharts chart on my HTML page - Django
- Highcharts - Show the percentage difference between data points on a series
- issues with HighCharts
- How to do a if else statement for highcharts in laravel
- Highcharts - Is it possible to display the my own text on the data-labels of line chart?
- Using HTML with Vue or how to adapt it to Vue.js
- unable to make plotOptions.scatter.states.hover.marker in a HighCharts scatterplot
- Highcharts angular gauge: multiple dials with different colors
- Highchartjs won't load
- HighCharts.js - Trying to import highstock
- HighMaps: Change state name on tooltip with various sets of data
- Data format and X/Y configuration for dynamic csv display
- Highcharts: Remove left and right padding in column chart
- Set Highchart cursor/pointer with a click on a gmap polyline point
- Plot band not limited to xAxis, draws for the whole graph
- avoid tooltip linking line in a HighCharts scatterplot
- Highcharts: dynamic update stacked area with extra custom data
- How to modify Negative Axis Bar Graph in Highcharts?
- How to use a react component as the label in Highcharts?
- Highcharts/Highstock supported in Google Sites?
- HighCharts: Displaying 3 vu-meters
- Multi-Line Title is not working when we export to PNG using CanVG - Highcharts
- Change the Size of the Export Button In Fusion Chart in PHP
- Printing table with charts in html through FireFox
- Highcharts Dynamic update pie Chart mysql
- HighCharts: Updating stops in yAxis does not work
- How to remove cirlce,line,square symbol from highchart
- Looking for a line chart drill down to area chart using Highcharts
- How to reduce the space between Bars with a fixed bar width in Highcharts column chart?