Unknown Custom Element: - Did You Register The Component Correctly?

d2bjs / vue-d2b Goto Github PK

38.0 five.0 vi.0 4.61 MB

Vue components for d2b charts.

Home Page: https://d2bjs.github.io/vue-d2b

License: BSD 3-Clause "New" or "Revised" License

JavaScript 27.75% Vue 66.55% TypeScript 5.70%

vue-d2b's Introduction

vue-d2b

Project setup

Compiles and hot-reloads for evolution

Compiles and minifies for production

Run your tests

Lints and fixes files

Customize configuration

See Configuration Reference.

vue-d2b's People

Contributors

vue-d2b's Issues

License?

I noticed that the main d2b project is licensed nether the BSD 3-clause, but noticed this repo has no licensing information. Is information technology condom to assume that you mean to have this vue wrapper licensed in the aforementioned estate? Is that something that could be added to this parcel?

How do I pass additional data to the tooltip in a sankey diagram?

I am trying to display some extra info per node and per link through the tooltip. I am unable to figure out how to do this. Here is what I've tried:

                  chartConfig(chart) {                 chart.tooltip().html(part(d) {                     panel.log('hello');                     render (d.key);                 });                  chart                     .sankey()                     .sankey()                     .nodePadding(100)                  chart                     .sankey()                     .nodeDraggableY(true)   }                                  

But it says that chart.tooltip() is not a part. How do you pass some custom data to the tooltip here?. Any help with this would be keen.

Error: <g> attribute transform

Hullo, thanks for your work!

I created pie-nautical chart and sometimes when I click on the legend, an fault appears:
Error: attribute transform: Expected number, "translate(NaN,NaN) rotate(…".

In the instance (http://docs.d2bjs.org/vue-d2b/#/pie) this tin besides be done.
You lot merely need to click quickly on legends "arc1" and "arc2" in rotation and get into the blitheness time.

If I use my data error appears more ofttimes and easier. I just click on the fable and sometimes I run into information technology.
Instance data:
[
{
label:"New",
value:42
},
{
label:"In work",
value:1
},
{
label:"Waiting",
value:6
},
{
label:"Closed",
value:3
},
{
characterization:"Given",
value:118
},
]
Function "chartConfig" is default like http://docs.d2bjs.org/vue-d2b/#/pie

How to make values fixed in y-axis in chart axis?

I tried setting the tickValues, but the highest number in my chart is still the maximum value. For example, I set the tickValues to [0, 100], but the information = [0, 25, 75], the chart is still merely up to 75 rather than to 100.

SSR upshot with the ChartPie

Hello,
I am using vue-d2b for my project to show the PieChart. I my plugin folder i am loading the code is

                  import Vue from 'vue'  //import { ChartPie } from 'vue-d2b'    var Vued2b = require('vue-d2b');   Vue.use(Vued2b);                                  

I already registered my plugin also in nuxt.config.js like

                                      {src:'~/plugins/vue-d2b', ssr: false },                                  

But i am still facing the issue of " Unknown custom chemical element: - did you annals the component correctly" in the console.
Any proposition for this.
Thanks

remove axis-chart'southward intermediate points

In the example chart in that location are intermediate points.
Site page: [http://docs.d2bjs.org/vue-d2b/#/]
Your points:

                  {x: i, y: 25}, {10: 2, y: 38}, <...>                                  

Simply the chart also displays indicate x: 1.5 and others.
This happens, the value of ten points can be reduced to a number.
How tin can I remove these intermediate points?

Sankey tooltip error

I've copied the component from http://docs.d2bjs.org/vue-d2b/#/sankey simply I'm having an erro:

TypeError: tooltipUpdate.transition is not a office[Learn More than]

I'm using "vue-d2b": "^2.0.0-beta.3",

Is it possible to add formatting to the node proper noun every bit well (such a going to a new line, add Padding , colors. etc.)?

chartData: {
nodes: [
{proper noun: 'Node A',},
{name: 'Node B'},
{name: 'Node C'},
{name: 'Node D'},
{proper name: 'Node E'},
],
...
},

Transition mistake

Hello,
When i select/unselect something from legend i have an mistake :
TypeError: graphUpdate.transition is not a function

How can i fix this problem ?

Responsive nautical chart

Hi, sorry to write this as an issue I just don't know how else to contact you.

I tin't effigy out how to make the chart responsive to the width of the parent element. I am creating an centrality chart and the chart is always any fix width I prepare it to, only responsive widths like 100% don't work.

I know its possible considering the axis chart demo on http://www.d2bjs.org/ does exactly what I'one thousand looking for, but I can't seem to find the implementation in the documents.

Please help, give thanks yous.

Recommend Projects

• React

  A declarative, efficient, and flexible JavaScript library for building user interfaces.

• Vue.js

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

• Typescript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

• TensorFlow

  An Open Source Machine Learning Framework for Everyone

• Django

  The Web framework for perfectionists with deadlines.

• Laravel

  A PHP framework for web artisans

• D3

  Bring data to life with SVG, Sheet and HTML. 📊📈🎉

Recommend Topics

• javascript

  JavaScript (JS) is a lightweight interpreted programming linguistic communication with kickoff-class functions.

• web

  Some thing interesting well-nigh web. New door for the world.

• server

  A server is a program made to process requests and deliver information to clients.

• Machine learning

  Car learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

• Visualization

  Some matter interesting well-nigh visualization, use data art

• Game

  Some thing interesting about game, brand everyone happy.

Recommend Org

• Facebook

  We are working to build customs through open up source engineering. NB: members must accept 2-gene auth.

• Microsoft

  Open up source projects and samples from Microsoft.

• Google

  Google ❤️ Open Source for everyone.

• Alibaba

  Alibaba Open up Source for everyone

• D3

  Data-Driven Documents codes.

• Tencent

  China tencent open source team.

Jobs

Jooble

Source: https://githubhelp.com/d2bjs/vue-d2b

Posted by: pratthiner1972.blogspot.com

Share this post