182 2056 1552
新闻banner图
新闻资讯
tellhow news

专业图表库集成,Dazdata BI分分钟搞定Lineup.js

发布日期:2022-01-13 发布人: 

除Plotly和ECharts通用图表库外,很多行业都有自己的专业图表库,如财经领域用得较多得Lineup.js库,Dazdata BI良好的前后端开放自定义代码能力,轻松加入专业图表库。

1.jpg

选择自定义代码视图,加入如下代码就轻松集成了Lineup.js图表库:

function loadFile(url,type,success) {

   if (type==='css'){

       var domFile = document.createElement('link');

       domFile.type = "text/css";

           domFile.rel = "stylesheet";

           domFile.href = url;

   }else{ 

           var domFile =document.createElement('script');

           domFile.src = url;

    }

       domFile.onload= function(){success()};

       document.getElementsByTagName("head")[0].appendChild(domFile);

}

 

function main(){

   chartDom.innerHTML='';

       constarr = [];

       constcats = ['c1', 'c2', 'c3'];

       for(let i = 0; i < 100; ++i) {

              arr.push({

                     '测试': Math.random() * 10,

                     d:'Row ' + i,

                     cat:cats[Math.floor(Math.random() * 3)],

                     cat2:cats[Math.floor(Math.random() * 3)]

              })

       }

       constlineup = LineUpJS.asLineUp(chartDom, arr);

}

 

loadFile('https://www.dazdata.com/dazdatafiles/jsdepend/LineUpJS.css','css',function () {

loadFile('https://www.dazdata.com/dazdatafiles/jsdepend/LineUpJS.js','js',function(){

       main()

       });

});



上一篇:没有了