如何自定义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 可自定义 注意一致




免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM