Ttykuu

Most bit efficient text communication method?

Denied boarding although I have proper visa and documentation. To whom should I make a complaint?

Is it a good idea to use CNN to classify 1D signal?

Maximum summed powersets with non-adjacent items

What does "lightly crushed" mean for cardamon pods?

Why do we bend a book to keep it straight?

Can a new player join a group only when a new campaign starts?

Dating a Former Employee

Fundamental Solution of the Pell Equation

Do square wave exist?

Do wooden building fires get hotter than 600°C?

What is the longest distance a player character can jump in one leap?

What's the meaning of "fortified infraction restraint"?

What are the out-of-universe reasons for the references to Toby Maguire-era Spider-Man in ITSV

Can anything be seen from the center of the Boötes void? How dark would it be?

Does classifying an integer as a discrete log require it be part of a multiplicative group?

Is it cost-effective to upgrade an old-ish Giant Escape R3 commuter bike with entry-level branded parts (wheels, drivetrain)?

How do I find out the mythology and history of my Fortress?

If my PI received research grants from a company to be able to pay my postdoc salary, did I have a potential conflict interest too?

Amount of permutations on an NxNxN Rubik's Cube

What causes the direction of lightning flashes?

Is the Standard Deduction better than Itemized when both are the same amount?

Would "destroying" Wurmcoil Engine prevent its tokens from being created?

What do you call a floor made of glass so you can see through the floor?

chart.js not rendering api data

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

$begingroup$

Using Vue.js, Vue-chart.js and API fetch that returns an object with 2 arrays of chartData and chartLabels to pass to a line-chart. The chart does not render but in the image below chartData and chartLabels are filled with the data. It also returns __chart - "unknown component" the code makes no reference to __chart.

any ideas why this does not render a line chart?

thanks for any help

export default {
 extends: Line,
 data: () => (
 chartdata: null,
 chartLabels: null,
 loaded: false
 ),
 mounted() {
 this.loaded = false
 const id = this.$route.params
 reportService.getReport(id)
 .then(data => 
 this.report = data.report
 const usage, chartLabels = data.report.license
 this.chartdata = usage
 this.chartLabels = chartLabels
 console.log(usage[0], chartLabels[0])
 
 )
 this.loaded = true
 this.renderChart(
 labels: this.chartLabels,
 datasets: [
 
 label: 'License Usage',
 data: this.chartData,
 ,
 ],
 , responsive: true, maintainAspectRatio: false )

thanks for any help

javascript vue.js

share

asked 5 mins ago

user4343user4343

1

New contributor

user4343 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

add a comment | 

0

$begingroup$

Using Vue.js, Vue-chart.js and API fetch that returns an object with 2 arrays of chartData and chartLabels to pass to a line-chart. The chart does not render but in the image below chartData and chartLabels are filled with the data. It also returns __chart - "unknown component" the code makes no reference to __chart.

any ideas why this does not render a line chart?

thanks for any help

export default {
 extends: Line,
 data: () => (
 chartdata: null,
 chartLabels: null,
 loaded: false
 ),
 mounted() {
 this.loaded = false
 const id = this.$route.params
 reportService.getReport(id)
 .then(data => 
 this.report = data.report
 const usage, chartLabels = data.report.license
 this.chartdata = usage
 this.chartLabels = chartLabels
 console.log(usage[0], chartLabels[0])
 
 )
 this.loaded = true
 this.renderChart(
 labels: this.chartLabels,
 datasets: [
 
 label: 'License Usage',
 data: this.chartData,
 ,
 ],
 , responsive: true, maintainAspectRatio: false )

thanks for any help

javascript vue.js

share

asked 5 mins ago

user4343user4343

1

New contributor

user4343 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

add a comment | 

$begingroup$

Using Vue.js, Vue-chart.js and API fetch that returns an object with 2 arrays of chartData and chartLabels to pass to a line-chart. The chart does not render but in the image below chartData and chartLabels are filled with the data. It also returns __chart - "unknown component" the code makes no reference to __chart.

any ideas why this does not render a line chart?

thanks for any help

export default {
 extends: Line,
 data: () => (
 chartdata: null,
 chartLabels: null,
 loaded: false
 ),
 mounted() {
 this.loaded = false
 const id = this.$route.params
 reportService.getReport(id)
 .then(data => 
 this.report = data.report
 const usage, chartLabels = data.report.license
 this.chartdata = usage
 this.chartLabels = chartLabels
 console.log(usage[0], chartLabels[0])
 
 )
 this.loaded = true
 this.renderChart(
 labels: this.chartLabels,
 datasets: [
 
 label: 'License Usage',
 data: this.chartData,
 ,
 ],
 , responsive: true, maintainAspectRatio: false )

thanks for any help

javascript vue.js

share

asked 5 mins ago

user4343user4343

1

New contributor

user4343 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

export default {
 extends: Line,
 data: () => (
 chartdata: null,
 chartLabels: null,
 loaded: false
 ),
 mounted() {
 this.loaded = false
 const id = this.$route.params
 reportService.getReport(id)
 .then(data => 
 this.report = data.report
 const usage, chartLabels = data.report.license
 this.chartdata = usage
 this.chartLabels = chartLabels
 console.log(usage[0], chartLabels[0])
 
 )
 this.loaded = true
 this.renderChart(
 labels: this.chartLabels,
 datasets: [
 
 label: 'License Usage',
 data: this.chartData,
 ,
 ],
 , responsive: true, maintainAspectRatio: false )

share

asked 5 mins ago

user4343user4343

1

New contributor

user4343 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share

asked 5 mins ago

user4343user4343

1

New contributor

user4343 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked 5 mins ago

user4343user4343

1

New contributor

user4343 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked 5 mins ago

user4343user4343

1