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的时候把这个对象作为第二个参数传入,我们的主题就应用成功了