question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Use Reactive Data with <script> version of vue-chartjs

See original GitHub issue

Hello,

So I want to use the reactive data feature on my chart. But the problem is, I’m building the Vue app via the <script> method (intentionally). No webpack/babel/ES6 involved.

The example in the docs only demonstrates how to implement with ES6. How do I implement Reactive Data in an environment without ES6 and imports? Is it possible?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:11 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
yometecommented, Jul 1, 2017

Hey @apertureless

So I asked the question above because I was writing an article on vue-chartjs. I’m done with it and you can read here

0reactions
aperturelesscommented, Nov 28, 2018

@CyrusTheVirusG What exactly?

It is mentioned in the docs, that the mixin is creating the props itself: https://vue-chartjs.org/guide/#updating-charts

Read more comments on GitHub >

github_iconTop Results From Across the Web

vue-chartjs-reactive - npm
Vue.js wrapper for chart.js for creating beautiful charts.. Latest version: 3.4.27, last published: 4 years ago. Start using ...
Read more >
Getting Started - vue-chartjs
Your goal should be to create reusable chart components. For this purpose, you should utilize Vue.js props to pass in chart options and...
Read more >
Vue, Vue-chartjs, pass looped data from template to script tag
1 Answer 1 ... import { onMounted } from 'vue' async function getCharts() { try { const response = await axios.get('http://localhost:3000/api/ ...
Read more >
How to use the vue-chartjs.mixins.reactiveProp function ... - Snyk
reactiveProp ], props: ['chartData','options'], mounted(){ this.renderChart(this.chartData,this.options) }, watch:{ data:function(val){ this.renderChart(this.
Read more >
README.md
For this case, please use the `vue-chartjs.min.js` which is the minified version. You also need to add the Chart.js CDN script. You can...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found