diff --git a/examples/BarExample.js b/examples/BarExample.js
index d35433e..939a92c 100644
--- a/examples/BarExample.js
+++ b/examples/BarExample.js
@@ -1,8 +1,8 @@
 import BarChart from '../BaseCharts/Bar'
 
 export default BarChart.extend({
-  ready () {
-    this.render({
+  mounted () {
+    this.renderChart({
       labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
       datasets: [
         {
diff --git a/examples/DoughnutExample.js b/examples/DoughnutExample.js
index e13ffac..a313c6a 100644
--- a/examples/DoughnutExample.js
+++ b/examples/DoughnutExample.js
@@ -1,8 +1,8 @@
 import DoughnutChart from '../BaseCharts/Doughnut'
 
 export default DoughnutChart.extend({
-  ready () {
-    this.render({
+  mounted () {
+    this.renderChart({
       labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
       datasets: [
         {
diff --git a/examples/LineExample.js b/examples/LineExample.js
index 8f8ecf2..2c9299a 100644
--- a/examples/LineExample.js
+++ b/examples/LineExample.js
@@ -1,8 +1,8 @@
 import LineChart from '../BaseCharts/Line'
 
 export default LineChart.extend({
-  ready () {
-    this.render({
+  mounted () {
+    this.renderChart({
       labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
       datasets: [
         {
diff --git a/examples/PieExample.js b/examples/PieExample.js
index 341334d..3a0fe3a 100644
--- a/examples/PieExample.js
+++ b/examples/PieExample.js
@@ -1,8 +1,8 @@
 import PieChart from '../BaseCharts/Pie'
 
 export default PieChart.extend({
-  ready () {
-    this.render({
+  mounted () {
+    this.renderChart({
       labels: ['VueJs', 'EmberJs', 'ReactJs', 'AngularJs'],
       datasets: [
         {
diff --git a/examples/PolarAreaExample.js b/examples/PolarAreaExample.js
index 2196ddb..0c014e0 100644
--- a/examples/PolarAreaExample.js
+++ b/examples/PolarAreaExample.js
@@ -1,8 +1,8 @@
 import PolarAreaChart from '../BaseCharts/PolarArea'
 
 export default PolarAreaChart.extend({
-  ready () {
-    this.render({
+  mounted () {
+    this.renderChart({
       labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
       datasets: [
         {
diff --git a/examples/RadarExample.js b/examples/RadarExample.js
index ceba403..0de725b 100644
--- a/examples/RadarExample.js
+++ b/examples/RadarExample.js
@@ -1,8 +1,8 @@
 import RadarChart from '../BaseCharts/Radar'
 
 export default RadarChart.extend({
-  ready () {
-    this.render({
+  mounted () {
+    this.renderChart({
       labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
       datasets: [
         {