<chart style="width:100%; height:320px;"
ref="chart1"
:options="orgOptions"
:auto-resize="true"
@click='onClick'></chart>
methods: {
onClick (params) {
console.log(params.name)
}
}
本文介绍了一种在Vue中使用图表组件的方法,通过定义图表样式、引用、设置选项及自动调整大小,实现图表的交互功能。当用户点击图表时,会触发一个方法,该方法将打印出被点击元素的名称。
<chart style="width:100%; height:320px;"
ref="chart1"
:options="orgOptions"
:auto-resize="true"
@click='onClick'></chart>
methods: {
onClick (params) {
console.log(params.name)
}
}
377