💎 Release new version 1.2.0

This is a vue 1 release!

Updated

• Chart.js to 2.6.0

Added

• Scatter Chart

Fixed

• Get error when $destroy is started #149

💎 Release new version 2.7.2

Update

• peerDependency vue@2.4.2

💎 Release new version 2.7.1

Fixed

• Fixed missing export of new scatter chart

💎 Release new version 2.7.0

🔥 New Features

Scatter Chart #129

The scatter chart is not really new, as it is only a derivation of the the line chart. However now it is available as a own chart type.

import {Scatter} from `vue-chartjs`

export default Scatter.extend({
...
})

⚠ Please keep in mind, that the scatter chart is not working with the reactiveProp and data mixins, as the data structure is different then in the other charts.

Add support for inline plugins #137 (kurbar)

We exposed now a method to add inline plugin to your chart instance.

mounted () {
   this.addPlugin({id: 'my-plugin', ....})
}

📚 Tutorials

You can find now some tutorials and other resources in the docs, on how to use vue-chartjs and build cool application with it. 👉 docs

Change Log

v2.7.0 (2017-07-04)

Full Changelog

Closed issues:

• Reactive Data Tutorial #132
• Using inline plugins #130
• Scatter Chart #129
• Generating Chart after clicking submit button #128
• Ticks not working with reactive props #127
• Error in callback for watcher "chartData": "TypeError: Cannot read property 'data' of undefined" #126
• Passing the data from vue to chartjs #125
• Combination of Bar and Line Chart #123
• Reactive data example not working #122
• vue-chartjs height was 0 when i set v-show #120
• Bar chart, barPercentage in X axis #119
• update event not firing on data change #118

Merged pull requests:

• ✅ Update tests for addPlugin method #140 (apertureless)
• Fix beforeDestory when renderChart was not called #139 (ZhangYiJiang)
• Add support for inline plugins #137 (kurbar)
• Feature/scatter chart #136 (apertureless)
• 🐛 Fix #122 reactive mixin #135 (apertureless)
• 📝 Add resources & tutorials to docs #133 (apertureless)
• fix a typo in an example #131 (JobV)
• Update README #121 (stoykostanchev)

💎 Release new version 2.6.5

Updated peerDependencies

• vue@2.3.4
• chart.js@2.6.0

💎 Release new version 2.6.4

v2.6.4 (2017-06-04)

Full Changelog

Closed issues:

• Transition leave-active-class not working #117
• chartOptions reactivity #116
• Cannot switch off legend #114
• run error on my mac pro #113
• Update install instructions in docs #112
• Typo in docs #111
• Charts are given a fixed width, even when they are set to be responsive #108
• Use Reactive Data with <script> version of vue-chartjs #107

Merged pull requests:

• Fix typo in docs #115 (euledge)
• 📝 Add pt-br readme support #110 (kimuraz)
• Fix reactive mixins animation re-rendering issue. #109 (MuseofMoose)

💎 Release new version 2.6.3

Updated

• vue to 2.3.3

💎 Release new version 2.6.2

Update 🔧 Dependencies

• devDependencies (babel, eslint ... )
• peerDependencies Vue.js

💎 Release new version 2.6.1

🔥 Removed / Cleanup

• Deprecated type param in renderChart() method in Bar chart.

💎 Release new version 2.6.0

🔥 Breaking Change

• Update release build to not include externals. #84

Release builds

If you're using the browser version directly from unkpg there is no action required
If you're using Webpack 1 / Webpack 2 / Browserify you will need to install Chart.js

yarn add chart.js

Both Vue.js and Chart.js are now peerDependencies and excluded from the bundled files. This way if Vue.js or Chart.js updates you can use the latest version without updating or waiting for an update of vue-chartjs .

Explanation of Different Builds

There are three different entry points. It depends on which build setup do you have. The dependencies are bundled or required as a peerDependency.

• Browser
• Browserify / Webpack 1
• Webpack 2

Build	Chart.js	Vue.js
vue-chartjs.full.js	Bundled	Bundled
vue-chartjs.full.min.js	Bundled	Bundled
vue-chartjs.js	peerDependency	peerDependency
vue-chartjs.min.js	peerDependency	peerDependency
es/index*	peerDependency	peerDependency

Browser

You can use vue-chartjs directly in the browser without any build setup. Like in this codepen. For this case, please use the vue-chartjs.full.min.js which is the minified version. It has Vue.js and Chart.js bundled into it. And bundled to a UMD Module. So you only need that one file.

Browserify / Webpack 1

If you're using Gulp, Browserify or Webpack 1 the entry is vue-chartjs.js which is transpiled and bundled UMD Module.

However Vue.js and Chart.js are deerDependencies so you have to install them seperately. In most projects you will have Vue.js already installed anyways. This way, you can have different versions of Vue.js and Chart.js then in this package.

Webpack 2

If you're using Webpack 2 it will automatically use the jsnext:main / module entry point. Which is es/index.js
It is a transpiled es version of the source. And is not bundled to a module. This way you three shaking will work. Like in the bundled version, Vue.js and Chart.js are peerDependencies and need to be installed.