i'am trying to replicate the following graph using react using this amazing library called apex charts
https://apexcharts.com/react-chart-demos/column-charts/dynamic-loaded-chart/
by using the code given in that website
yearSeries.data[selectedIndex].quarters is an undefined value for me. Can anyone tell me what kind of data is this graph taking as an input
there's this makeData() which is getting called there can anyone tell me the return value of it
thanks in advance.
Author of ApexCharts here, the example you linked has an external js file which is not included in the website demo code, sorry about that.
I have just updated the website example and included the missing code on the same page (please do a hard refresh / clear cache to see changes) - https://apexcharts.com/react-chart-demos/column-charts/dynamic-loaded-chart/
Related
enter image description here
Hi everyone, I just started learning on HTML/CSS. Basically, as part of my final project, I am being tasked to create a food ordering webpage using vue.js. To be honest(however I am only familiarised on the C/C++ coding), I have been looking on for more guidelines for the project, however, I am unable to learn. I do know some coding stuff in the HTML/CSS/js. However, I am hoping for more advice on how do I make an image go to another page using vuejs/vue router when one clicks into any of the images. Any help here I would appreciate as it can be new learning points for me. I am using the visual studio code for this project.
PS: I have referred to similar posts regarding to mine, but I couldn't understand. Thanks in advance.
Below is my code so far that I have used in the vue file (Which is under Table.vue using vue-router), If you have any questions, do let me know.
In Vue, the router can "push" to a route. You can view an example on JSFiddle here. You can also programmatically change the route by using this.$router.push('/path') in the component methods called from the #click event on your images.
I got stuck to this problem for quite sometime.
Need help.
Relatively very new to angular.io and implementing with asp.net mvc. For UI library considering angular material. Other controls seems to be working fine but 'Datatable' seems to be not working as expected.
When Component containing 'Datatable' is tried to load in application, first time it is not getting loaded through angular route. When next time again it is clicked or if we work on any control. Datatable is shown.
I tried to add respective part of code in plunkr at
https://plnkr.co/edit/Lp2l0swFwlDI12a9E2vr?p=preview
but plunkr is not able to run that.
Anybody have any idea what can be problem, you can have look at code from plukr link given above?
I am building a small extjs 5.1 app for personal use, designed to save examples of functions / methods used in my extjs apps.
I've given the most important steps with the help of Navaneeth-Kesavan and Tarabass in this Post
Now I'm struggling to load in CodeMirror editor the grid row data.
After several unsuccessful attempts, I am trying to load the data into a hidden textarea and then get value of this textarea and paste the value (setValue) in CodeMirror.
However, I am not able to get the CodeMirror reference.
I would appreciate suggestions to fix this.
By the way, what better way to do this?
MiFiddle
CodeMirror element can be found as sibling of the textarea element. You can get reference to it by using the following code:
var codeMirrorInstance = textAreaComponent.getEl( ).query('.CodeMirror')[0].CodeMirror;
Please refer below fiddle which I created by editing yours.
https://fiddle.sencha.com/#fiddle/tee
I am trying to create an interactive tutorial for learning an API. I've been googling my options for an entire day now. I came across ace, code mirror etc. but I'm not sure how I can use them in my case.
What I wish to do is that when the user clicks a button, a javascript code linked to it should open up in an editor on the same webpage. This would aid the users to see how the code is working and give them scope to modify and learn.
I know its not a constructive question but any help is appreciated! Thanks!
you can just wantch here how it is done
They made it with knockout MVVM but you can use angular or anything else you like.
I used tags to store my code and displayed it using codemirror's setValue property mentioned by #georg.
Hi am currently trying to learn angular and have been stuck wish and issue for a little over two weeks. I am hoping someone may be able to shine some light on my situation. I have a block of code I am trying to pull out and put into a custom directive. I am working through the free course for angular from CodeSchool.com. I am trying to pull the paneled section containing the description, the specs, and the reviews and place them in their own pace so I can call a directive from my index.html. Here is an example of my code working and when it breaks. It breaks when I attempt to remove the tabsController from app.js and place it into a directive. Example Code . Thank you for your time in advance,
Sincerely, Fred K