內置主題:
Echarts中默認內置了兩套主題:light、dark。
在初始化對象方法init中可以指明主題方式:
var myChart = echarts.init(document.getElementById('main'), 'dark');
var myChart = echarts.init(document.getElementById('main'), 'light');
自定義主題:
(1)在主題編輯器中編輯主題;(echarts官網=>下載=>主題下載=>定制主題=>下載)
(2)下載主題,是一個js文件;
(3)引入主題js文件;
(4)在init方法中使用主題。
<script src="lib/echarts.min.js"></script> <script src="./roma.js"></script> <div id="main" style="width: 700px;height:400px;"></div> <script type="text/javascript"> // 名字取決於js文件中 echarts.registerTheme 的第一個參數 var myChart = echarts.init(document.getElementById('main'), 'roma'); 圖表信息。。。 </script>