40 lines
769 B
Markdown
40 lines
769 B
Markdown
There are two ways to update data in a chart: either in adding and removing individual points, or updating the existing data with an entirely new set of data points.
|
|
|
|
## Updating individual data points
|
|
<chart-demo data="get-update-data" v-bind:config="{
|
|
type: 'bar',
|
|
height: 200
|
|
}"
|
|
v-bind:actions="[
|
|
{
|
|
name: 'Add Value',
|
|
fn: 'addDataPoint',
|
|
args: getAddUpdateData()
|
|
},
|
|
{
|
|
name: 'Remove Value',
|
|
fn: 'removeDataPoint',
|
|
args: []
|
|
}
|
|
]">
|
|
</chart-demo>
|
|
|
|
## Updating full data
|
|
|
|
<chart-demo data="get-update-data" v-bind:config="{
|
|
type: 'bar',
|
|
height: 200
|
|
}"
|
|
v-bind:actions="[
|
|
{
|
|
name: 'Random Data',
|
|
fn: 'update',
|
|
args: [getUpdateData()]
|
|
}
|
|
]">
|
|
</chart-demo>
|
|
|
|
|
|
[update data with varying lengths]
|
|
|