vue-d3 | a vue.js plugin for D3 | Plugin library
kandi X-RAY | vue-d3 Summary
kandi X-RAY | vue-d3 Summary
a vue.js plugin for D3
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of vue-d3
vue-d3 Key Features
vue-d3 Examples and Code Snippets
Community Discussions
Trending Discussions on vue-d3
QUESTION
I would like render a simple bar chart.
I'm learning how to use D3 module for data visualisation by using vue-d3-charts
within a component in my vue.js app.
I have created a bar-chart component and imported it into my app but it will not render the actual bar chart. When I use dev tools to inspect the bar I can see the associated div's and svg for the bar chart but the chart doesn't render onto the page.
This leads me to believe my data object is not being bound to my props to allow D3BarChart
from vue-D3-charts
module to render.
Module docs can be found here -> https://saigesp.github.io/vue-d3-charts/#/
My BarChart
component which uses the props config
and datum
:
ANSWER
Answered 2021-Mar-27 at 14:01I have made minor changes in BarChart.vue, and it is working. Can you try below:
Few issues that I found and fixed are:
- div "bar-chart" width is too small, so it is not able to generate chart.
- In "chart_config" key and values where incorrect acc. to your "chart_data".
BarChart.vue
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install vue-d3
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page