echarts单文件引入时如何添加主题

echarts单文件引入时并没有默认带上很多主题,需要新的主题时,我们需要下载,但是,下载下来的都是模块化的代码,对于很多不熟悉模块化的朋友来说,这种代码如何使用会让他们很苦恼,查看文档,也没有说明单文件引入时如何引入主题

名称 参数 描述
{ECharts} init {dom} dom, {string/Object =} theme 初始化接口,返回ECharts实例,其中dom为图表所在节点,theme为可选的主题,内置主题('macarons', 'infographic')直接传入名称,自定义扩展主题可传入主题对象。如:var myCharts = echarts.init(document.getElementById('main'), 'macarons');

init函数接收两个参数,第一个是dom节点,用于画图,这个是必选的,第二个是主题相关的参数,如果不传使用默认主题,如果传字符串则在内置主题中查找,找到则使用该主题,找不到依然使用内置主题,或者传入一个主题对象

其实我们在网上下来的文件就是一个主题对象,只是增加了模块化写法而已,我们掐头去尾,把中间的theme={/*主题代码*/}取出来,然后换个名字,比如叫echarts_theme_dark这样的名字,然后我们在init的时候把这个对象作为第二个参数传入,我们的主题就应用成功了

posted @ 2016-06-13 10:29  南京韶邵  阅读(2657)  评论(0编辑  收藏  举报