JSFiddle - React, Tailwind, and code Playground

by cancerbero_sgx

HTML

<script src="https://raw.github.com/jcarver989/raphy-charts/master/compiled/charts.js"></script>
<!-- Assuming this Div exists somewhere on the page: (width & height MUST be set) -->
 <div id='chart1' style='width: 300px; height: 100px;'></div>

JavaScript

var chart = new Charts.LineChart('chart1');


// Data is an array of arrays where the first slot is the x label and the 2nd the (y) value to graph
chart.add_line({
  data: [[1, 828906],[2, 566933],[3, 584150],[4, 1072143],[5, 1622455],[6, 2466746],[7, 2427789]]
});

// Line charts also support custom tooltips, eg: 
chart.add_line({
  data: [[1, 828906, {tooltip: "my special point"}],[2, 566933],[3, 584150],[4, 1072143],[5, 1622455],[6, 2466746],[7, 2427789]]
});

chart.draw();