[fix] update API

dist/frappe-charts.esm.js

@@ -230,10 +230,6 @@ const DEFAULT_CHAR_WIDTH = 7;
 const ANGLE_RATIO = Math.PI / 180;
 const FULL_ANGLE = 360;
 
-/**
- * Returns the value of a number upto 2 decimal places.
- * @param {Number} d Any number
- */
 function floatTwo(d) {
 	return parseFloat(d.toFixed(2));
 }
@@ -1410,6 +1406,14 @@ class BaseChart {
 	onDownArrow() {}
 	onEnterKey() {}
 
+	addDataPoint() {}
+	removeDataPoint() {}
+
+	getDataPoint() {}
+	setCurrentDataPoint() {}
+
+	updateDataset() {}
+
 	getDifferentChart(type) {
 		return getDifferentChart(type, this.type, this.parent, this.rawChartArgs);
 	}
@@ -3132,10 +3136,10 @@ class AxisChart extends BaseChart {
 		// Render overlays
 		this.overlayGuides.map(d => {
 			let currentUnit = d.units[this.state.currentIndex];
+
 			d.overlay = makeOverlay[d.type](currentUnit);
 			this.drawArea.appendChild(d.overlay);
 		});
-
 	}
 
 	updateOverlayGuides() {
@@ -3248,7 +3252,6 @@ class AxisChart extends BaseChart {
 	// removeDataPoint(index = 0) {}
 }
 
-// import MultiAxisChart from './charts/MultiAxisChart';
 const chartTypes = {
 	// multiaxis: MultiAxisChart,
 	percentage: PercentageChart,

docs/assets/js/index.js

@@ -447,7 +447,7 @@ for (var i = 0; i< 375; i++) {
 	timestamp = Math.floor(timestamp - 86400).toFixed(1);
 }
 
-new Chart("#chart-heatmap", {
+let heatmap = new Chart("#chart-heatmap", {
 	data: heatmapData,
 	type: 'heatmap',
 	legendScale: [0, 1, 2, 4, 5],
@@ -456,6 +456,8 @@ new Chart("#chart-heatmap", {
 	legendColors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']
 });
 
+// console.log(heatmapData, heatmap);
+
 Array.prototype.slice.call(
 	document.querySelectorAll('.heatmap-mode-buttons button')
 ).map(el => {

docs/index.html

@@ -191,8 +191,7 @@
                 <button type="button" class="btn btn-sm btn-secondary" data-color="default">Default green</button>
                 <button type="button" class="btn btn-sm btn-secondary active" data-color="halloween">GitHub's Halloween</button>
               </div>
-              <pre><code class="hljs javascript margin-vertical-px">  let heatmap = new Chart({
-    parent: "#heatmap",
+              <pre><code class="hljs javascript margin-vertical-px">  let heatmap = new Chart("#heatmap", {
     type: 'heatmap',
     height: 115,
     data: heatmapData,  // object with date/timestamp-value pairs

src/js/charts/AxisChart.js

@@ -439,10 +439,10 @@ export default class AxisChart extends BaseChart {
 		// Render overlays
 		this.overlayGuides.map(d => {
 			let currentUnit = d.units[this.state.currentIndex];
+
 			d.overlay = makeOverlay[d.type](currentUnit);
 			this.drawArea.appendChild(d.overlay);
 		});
-
 	}
 
 	updateOverlayGuides() {

src/js/charts/BaseChart.js

@@ -268,6 +268,14 @@ export default class BaseChart {
 	onDownArrow() {}
 	onEnterKey() {}
 
+	addDataPoint() {}
+	removeDataPoint() {}
+
+	getDataPoint() {}
+	setCurrentDataPoint() {}
+
+	updateDataset() {}
+
 	getDifferentChart(type) {
 		return getDifferentChart(type, this.type, this.parent, this.rawChartArgs);
 	}