ECharts图表开发详解：theme、title、legend配置详解

 theme = {
  2     // 全图默认背景
  3     // backgroundColor: 'rgba(0,0,0,0)',
  4     
  5     // 默认色板
  6     color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
  7             '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
  8             '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
  9             '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
 10 
 11     // 图表标题
 12     title: {
 13         x: 'left',                 // 水平安放位置，默认为左对齐，可选为：
 14                                    // 'center' | 'left' | 'right'
 15                                    // | {number}（x坐标，单位px）
 16         y: 'top',                  // 垂直安放位置，默认为全图顶端，可选为：
 17                                    // 'top' | 'bottom' | 'center'
 18                                    // | {number}（y坐标，单位px）
 19         //textAlign: null          // 水平对齐方式，默认根据x设置自动调整
 20         backgroundColor: 'rgba(0,0,0,0)',
 21         borderColor: '#ccc',       // 标题边框颜色
 22         borderWidth: 0,            // 标题边框线宽，单位px，默认为0（无边框）
 23         padding: 5,                // 标题内边距，单位px，默认各方向内边距为5，
 24                                    // 接受数组分别设定上右下左边距，同css
 25         itemGap: 10,               // 主副标题纵向间隔，单位px，默认为10，
 26         textStyle: {
 27             fontSize: 18,
 28             fontWeight: 'bolder',
 29             color: '#333'          // 主标题文字颜色
 30         },

 31         subtextStyle: {
 32             color: '#aaa'          // 副标题文字颜色
 33         }
 34     },
 35     
 36     // 图例
 37     legend: {
 38         orient: 'horizontal',      // 布局方式，默认为水平布局，可选为：
 39                                    // 'horizontal' | 'vertical'
 40         x: 'center',               // 水平安放位置，默认为全图居中，可选为：
 41                                    // 'center' | 'left' | 'right'
 42                                    // | {number}（x坐标，单位px）
 43         y: 'top',                  // 垂直安放位置，默认为全图顶端，可选为：
 44                                    // 'top' | 'bottom' | 'center'
 45                                    // | {number}（y坐标，单位px）
 46         backgroundColor: 'rgba(0,0,0,0)',
 47         borderColor: '#ccc',       // 图例边框颜色
 48         borderWidth: 0,            // 图例边框线宽，单位px，默认为0（无边框）
 49         padding: 5,                // 图例内边距，单位px，默认各方向内边距为5，
 50                                    // 接受数组分别设定上右下左边距，同css
 51         itemGap: 10,               // 各个item之间的间隔，单位px，默认为10，
 52                                    // 横向布局时为水平间隔，纵向布局时为纵向间隔
 53         itemWidth: 20,             // 图例图形宽度
 54         itemHeight: 14,            // 图例图形高度
 55         textStyle: {
 56             color: '#333'          // 图例文字颜色
 57         }
 58     },
 59     
 60     // 值域