工作笔记:DataGear自定义组件通过传参获取数据
程序员文章站
2024-02-12 18:17:16
...
<div id="app">
<div id='el'></div>
</div>
<script>
new Vue({
el:"#app",
data(){
return {
chartId:[图表Id]
}
},
computed:{
chartRenderer(){
return {
render: function(chart)
{
chart.dataSetParamValues(0, {
"参数": userId
});
chart.autoResize(true);
},
update: function(chart, results)
{
let DataVHtml = "<div class='tagSalesData-box'>";
DataVHtml+="</div>";
chart.elementJquery().html(DataVHtml);
}
}
}
},
methods:{
asyncTemplate(Id){ //加载自定义图表
dashboard.loadChart($(`#el`), Id, (chart)=>{
chart.renderer(this.chartRenderer); //通过renderer方法加载图表渲染器
})
}
},
mounted(){
this.asyncTemplate(this.chartId);
dashboard.loadUnsolvedCharts(); //使用异步加载图表否则
}
})
</script>
上一篇: 数据可视化