How do I add customize figures to my KlineChart?

[zbkmr]

https://klinecharts.com/en-US/guide/figure.html#customize-figure

I'm trying to add new rectext and string to my vue js project using the customize figure feature on the Klinechart website.

1. [// Get the figure class
2. // name is the name of the figure, such as 'arc', 'circle', etc.
3. const Figure = klinecharts.getFigureClass(name)
4. // instantiate and draw
5. // attrs attribute
6. // styles styles
7. // ctx canvas context
8. new Figure(attrs, styles).draw(ctx)](url)

I get this warning when I try the example on the site
vue.esm.js:1906 TypeError: this.kLineChart.getFigureClass is not a function
Can you share an example for Vue? @liihuu

[liihuu]

import klinecharts from 'klinecharts'

klinecharts.getFigureClass('line')

[zbkmr]

https://codesandbox.io/s/competent-kapitsa-zsj548?file=/src/components/Kline.vue

@liihuu I am getting the same error for your example, the coordinates value cannot be found and it is undefined. What exactly is your Kline version?

[liihuu]

Sorry, there are errors in the document,

new Figure({ attrs, styles }).draw(ctx)

[zbkmr]

@liihuu I didn't understand exactly what you mean. Are you stating that there is an error in your documentation? If this means that I cannot use this feature, should I open a bug ticket?

[liihuu]

It can be used, just only docs error.