echarts可视化自行封装一个js

var echartsTheme; $(document).ready(function(){ //setEchartsTheme(“infographic”); setEchartsTheme(“shine”);//设置主题 });function setEchartsTheme(inTheme){ echartsTheme = inTheme; }f...
摘要由CSDN通过智能技术生成

封装好以后在页面引用这个js然后直接调用这个js里面的方法往里面传参即可,有一些特殊的属性如果少部分跟这里不一样或这里面没有可以自行根据Echarts官网和需求写一个即可

var echartsTheme;
$(document).ready(function(){
    //setEchartsTheme("infographic");
    setEchartsTheme("shine");//设置主题
});

function setEchartsTheme(inTheme){
    echartsTheme = inTheme;
}

function echartShow(option,container){
    try{
        if(echartsOptionDefault != undefined)
            setChartsDefault(echartsOptionDefault,option);
    }catch(e){}
    if(echartsTheme==undefined && option.color==undefined){
        option["color"] = [
           "#00e2fd",
            "#e9c229",
            "#11d67c",
            "#fe6c84",
            "#fff600",
            "#7e71ff",
            "#008bfe",
            "#f89758",
            "#6e7074",
            "#546570",
            "#c4ccd3"
        ];
    }
    if(option.toolbox==undefined){
        option["toolbox"]={show : true,
                feature : {
                    dataView : {
  show: true, readOnly: false},
                    magicType : {
  show: true, type: ['line', 'bar','pie']},
                    restore : {
  show: true},
                    saveAsImage : {
  show: true}
                }
        };
    }
    var dom = document.getElementById(container);
    dom.removeAttribute("_echarts_instance_"); 
    var myChart;
    if(echartsTheme==undefined){
        myChart = echarts.init(dom);
    }else{
        myChart = echarts.init(dom,echartsTheme);
    }

    myChart.setOption(option, true);
    window.onresize = myChart.resize;
    return myChart;
}


function setChartsDefault( data, inOption ) { 
        if ( inOption == undefined ) {
            inOption=data;
        } else  if ( data.constructor == Array ) {            
            for ( var i=0; i<inOption.length; i++ ) {
                setChartsDefault( data[0], inOption[i] );
            }
            //return ;
        } else {            
            for ( var key 
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值