{"repo":"ankane/chartkick","free":true,"listed":false,"github":"https://github.com/ankane/chartkick","clone":"git clone https://github.com/ankane/chartkick.git","description":"Create beautiful JavaScript charts with one line of Ruby","language":"Ruby","stars":6528,"topics":["charts","visualization","chartjs","google-charts","highcharts"],"license":"MIT","category":"dashboards-admin","readme_excerpt":"Chartkick Create beautiful JavaScript charts with one line of Ruby. No more fighting with charting libraries! See it in action :fire: For admin charts and dashboards, check out Blazer, and for advanced visualizations, check out Vega :two hearts: A perfect companion to Groupdate, Hightop, and ActiveMedian Quick Start Add this line to your application’s Gemfile: Then follow the instructions for your JavaScript setup: - Importmap (Rails default) - Bun, esbuild, rollup.js, or Webpack - Sprockets This sets up Chartkick with Chart.js. For other charting libraries and frameworks, see these instructions. Importmap In config/importmap.rb , add: And in app/javascript/application.js , add: Bun, esbuild, rollup.js, or Webpack Run: And in app/javascript/application.js , add: Sprockets In app/assets/javascripts/application.js , add: Charts Line chart Pie chart Column chart Bar chart Area chart Scatter chart Geo chart - Google Charts Timeline - Google Charts Multiple series or Data Data can be a hash, array, or URL. Hash Array URL Make your pages load super fast and stop worrying about timeouts. Give each chart its own endpoint. And in your controller, pass the data as JSON. For multiple series, add chart json at the end. Options Id, width, and height Min and max values min defaults to 0 for charts with non-negative values. Use nil to let the charting library decide. Min and max for x-axis - Chart.js Colors Stacked columns or bars Discrete axis Label (for single series) Axis titles Straight","default_branch":null,"files":null,"tree":[],"storefront":"/r/ankane","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ankane/chartkick/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}