欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

工作笔记: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>