zoukankan      html  css  js  c++  java
  • 如何自定义echarts主题

    上一篇,选择echarts原有的主题样式,那么如何自定义自己的主题

    与选择原有主题类似

    1.echarts官网地址http://echarts.baidu.com/echarts2/doc  在工具中 

    选择皮肤主题设计工具

    在页面上进行修改

    修改完毕,复制代码。

    2.粘贴到自定义的js文件中  例如,myselStyle.js 

    define(function() {
    var theme = {} //注意:本次代码中只有theme={}的部分,缺少的部分要加上

    return theme;
    });
    3.在js文件中
    require.config({
    paths:{
    echarts:'build/dist'
    }
    });
    require([
    'echarts',
    'echarts/theme2/myselStyle',
    'echarts/chart/line',
    'echarts/chart/bar'
    ],
    function(ec,theme){
    var myCharts=ec.init(document.getElementById("main"),theme);//注意:theme 为加上文件中 var theme={} 的theme 可自定义 注意一致



  • 相关阅读:
    PHP对象
    MySQL多表更新
    使用not in的子查询
    MySQL比较运算符的子查询
    控制器调用函数
    MVC目录规范
    MVC流程
    mxnet安装
    离线安装Python包hickle,easydict
    深度学习基础
  • 原文地址:https://www.cnblogs.com/ylboke/p/6170648.html
Copyright © 2011-2022 走看看