主题更新

doc/asset/js/echartsTheme.js

 var myChart = [];
 var domMain = $("[md='main']");
 
-var theme = 'erik';
+var theme = 'infographic';
 $('[name=theme-select]').on('change', function(){
     selectChange($(this).val());
 });
@@ -77,10 +77,10 @@ else {
     });
 }
 
-var hash = window.location.hash.replace('#','') || 'erik';
+var hash = window.location.hash.replace('#','') || 'infographic';
 if ($('[name=theme-select]').val(hash).val() != hash) {
-    $('[name=theme-select]').val('erik');
-    hash = 'erik';
+    $('[name=theme-select]').val('infographic');
+    hash = 'infographic';
 }
 
 // 按需加载
@@ -181,7 +181,9 @@ function requireCallback (ec, defaultTheme) {
         
             var downloadLink = document.createElement('a');
             downloadLink.href = image
-            downloadLink.setAttribute('download', 'EChartsTheme.png');
+            downloadLink.setAttribute(
+                'download', 'EChartsTheme-' + $('[name=theme-select]').val() + '.png'
+            );
             downloadLink.innerHTML = '<img style="height:80%" src="' + image 
                 + '" title="'
                 + (!!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)

doc/example/theme.html

@@ -71,14 +71,14 @@
         <div class="row-fluid">
             <div class='span8'> 
                 <select style="width:100%" name="theme-select">
-                    <option selected="true" name='erik'>erik</option>
-                    <option name='blue'>blue</option>
+                    <option selected="true" name='infographic'>infographic</option>
+                    <option name='macarons'>macarons</option>
+                    <option name='shine'>shine</option>
                     <option name='dark'>dark</option>
-                    <option name='gray'>gray</option>
+                    <option name='blue'>blue</option>
                     <option name='green'>green</option>
                     <option name='red'>red</option>
-                    <option name='macarons'>macarons</option>
-                    <option name='infographic'>infographic</option>
+                    <option name='gray'>gray</option>
                     <option name='default'>default</option>
                 </select>
             </div>
@@ -142,14 +142,14 @@
         <div class="row-fluid">
             <div class='span8'> 
                 <select style="width:100%" name="theme-select">
-                    <option selected="true" name='erik'>erik</option>
-                    <option name='blue'>blue</option>
+                    <option selected="true" name='infographic'>infographic</option>
+                    <option name='macarons'>macarons</option>
+                    <option name='shine'>shine</option>
                     <option name='dark'>dark</option>
-                    <option name='gray'>gray</option>
+                    <option name='blue'>blue</option>
                     <option name='green'>green</option>
                     <option name='red'>red</option>
-                    <option name='macarons'>macarons</option>
-                    <option name='infographic'>infographic</option>
+                    <option name='gray'>gray</option>
                     <option name='default'>default</option>
                 </select>
             </div>

doc/example/theme/dark.js

@@ -317,9 +317,6 @@ var theme = {
             }
         },
         detail : {
-            backgroundColor: 'rgba(30,144,255,0.8)',
-            borderWidth: 1,
-            borderColor: '#fff',
             shadowColor : '#fff', //默认透明
             shadowBlur: 5,
             offsetCenter: [0, '50%'],       // x, y，单位px