1. theme = {
    2. // 全图默认背景
    3. // backgroundColor: 'rgba(0,0,0,0)',
    4. // 默认色板
    5. color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
    6. '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
    7. '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
    8. '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
    9. // 图表标题
    10. title: {
    11. x: 'left', // 水平安放位置,默认为左对齐,可选为:
    12. // 'center' ¦ 'left' ¦ 'right'
    13. // ¦ {number}(x坐标,单位px)
    14. y: 'top', // 垂直安放位置,默认为全图顶端,可选为:
    15. // 'top' ¦ 'bottom' ¦ 'center'
    16. // ¦ {number}(y坐标,单位px)
    17. //textAlign: null // 水平对齐方式,默认根据x设置自动调整
    18. backgroundColor: 'rgba(0,0,0,0)',
    19. borderColor: '#ccc', // 标题边框颜色
    20. borderWidth: 0, // 标题边框线宽,单位px,默认为0(无边框)
    21. padding: 5, // 标题内边距,单位px,默认各方向内边距为5,
    22. // 接受数组分别设定上右下左边距,同css
    23. itemGap: 10, // 主副标题纵向间隔,单位px,默认为10,
    24. textStyle: {
    25. fontSize: 18,
    26. fontWeight: 'bolder',
    27. color: '#333' // 主标题文字颜色
    28. },
    29. subtextStyle: {
    30. color: '#aaa' // 副标题文字颜色
    31. }
    32. },
    33. // 图例
    34. legend: {
    35. orient: 'horizontal', // 布局方式,默认为水平布局,可选为:
    36. // 'horizontal' ¦ 'vertical'
    37. x: 'center', // 水平安放位置,默认为全图居中,可选为:
    38. // 'center' ¦ 'left' ¦ 'right'
    39. // ¦ {number}(x坐标,单位px)
    40. y: 'top', // 垂直安放位置,默认为全图顶端,可选为:
    41. // 'top' ¦ 'bottom' ¦ 'center'
    42. // ¦ {number}(y坐标,单位px)
    43. backgroundColor: 'rgba(0,0,0,0)',
    44. borderColor: '#ccc', // 图例边框颜色
    45. borderWidth: 0, // 图例边框线宽,单位px,默认为0(无边框)
    46. padding: 5, // 图例内边距,单位px,默认各方向内边距为5,
    47. // 接受数组分别设定上右下左边距,同css
    48. itemGap: 10, // 各个item之间的间隔,单位px,默认为10,
    49. // 横向布局时为水平间隔,纵向布局时为纵向间隔
    50. itemWidth: 20, // 图例图形宽度
    51. itemHeight: 14, // 图例图形高度
    52. textStyle: {
    53. color: '#333' // 图例文字颜色
    54. }
    55. },
    56. // 值域
    57. dataRange: {
    58. orient: 'vertical', // 布局方式,默认为垂直布局,可选为:
    59. // 'horizontal' ¦ 'vertical'
    60. x: 'left', // 水平安放位置,默认为全图左对齐,可选为:
    61. // 'center' ¦ 'left' ¦ 'right'
    62. // ¦ {number}(x坐标,单位px)
    63. y: 'bottom', // 垂直安放位置,默认为全图底部,可选为:
    64. // 'top' ¦ 'bottom' ¦ 'center'
    65. // ¦ {number}(y坐标,单位px)
    66. backgroundColor: 'rgba(0,0,0,0)',
    67. borderColor: '#ccc', // 值域边框颜色
    68. borderWidth: 0, // 值域边框线宽,单位px,默认为0(无边框)
    69. padding: 5, // 值域内边距,单位px,默认各方向内边距为5,
    70. // 接受数组分别设定上右下左边距,同css
    71. itemGap: 10, // 各个item之间的间隔,单位px,默认为10,
    72. // 横向布局时为水平间隔,纵向布局时为纵向间隔
    73. itemWidth: 20, // 值域图形宽度,线性渐变水平布局宽度为该值 * 10
    74. itemHeight: 14, // 值域图形高度,线性渐变垂直布局高度为该值 * 10
    75. splitNumber: 5, // 分割段数,默认为5,为0时为线性渐变
    76. color:['#1e90ff','#f0ffff'],//颜色
    77. //text:['高','低'], // 文本,默认为数值文本
    78. textStyle: {
    79. color: '#333' // 值域文字颜色
    80. }
    81. },
    82. toolbox: {
    83. orient: 'horizontal', // 布局方式,默认为水平布局,可选为:
    84. // 'horizontal' ¦ 'vertical'
    85. x: 'right', // 水平安放位置,默认为全图右对齐,可选为:
    86. // 'center' ¦ 'left' ¦ 'right'
    87. // ¦ {number}(x坐标,单位px)
    88. y: 'top', // 垂直安放位置,默认为全图顶端,可选为:
    89. // 'top' ¦ 'bottom' ¦ 'center'
    90. // ¦ {number}(y坐标,单位px)
    91. color : ['#1e90ff','#22bb22','#4b0082','#d2691e'],
    92. backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
    93. borderColor: '#ccc', // 工具箱边框颜色
    94. borderWidth: 0, // 工具箱边框线宽,单位px,默认为0(无边框)
    95. padding: 5, // 工具箱内边距,单位px,默认各方向内边距为5,
    96. // 接受数组分别设定上右下左边距,同css
    97. itemGap: 10, // 各个item之间的间隔,单位px,默认为10,
    98. // 横向布局时为水平间隔,纵向布局时为纵向间隔
    99. itemSize: 16, // 工具箱图形宽度
    100. featureImageIcon : {}, // 自定义图片icon
    101. featureTitle : {
    102. mark : '辅助线开关',
    103. markUndo : '删除辅助线',
    104. markClear : '清空辅助线',
    105. dataZoom : '区域缩放',
    106. dataZoomReset : '区域缩放后退',
    107. dataView : '数据视图',
    108. lineChart : '折线图切换',
    109. barChart : '柱形图切换',
    110. restore : '还原',
    111. saveAsImage : '保存为图片'
    112. }
    113. },
    114. // 提示框
    115. tooltip: {
    116. trigger: 'item', // 触发类型,默认数据触发,见下图,可选为:'item' ¦ 'axis'
    117. showDelay: 20, // 显示延迟,添加显示延迟可以避免频繁切换,单位ms
    118. hideDelay: 100, // 隐藏延迟,单位ms
    119. transitionDuration : 0.4, // 动画变换时间,单位s
    120. backgroundColor: 'rgba(0,0,0,0.7)', // 提示背景颜色,默认为透明度为0.7的黑色
    121. borderColor: '#333', // 提示边框颜色
    122. borderRadius: 4, // 提示边框圆角,单位px,默认为4
    123. borderWidth: 0, // 提示边框线宽,单位px,默认为0(无边框)
    124. padding: 5, // 提示内边距,单位px,默认各方向内边距为5,
    125. // 接受数组分别设定上右下左边距,同css
    126. axisPointer : { // 坐标轴指示器,坐标轴触发有效
    127. type : 'line', // 默认为直线,可选为:'line' | 'shadow'
    128. lineStyle : { // 直线指示器样式设置
    129. color: '#48b',
    130. width: 2,
    131. type: 'solid'
    132. },
    133. shadowStyle : { // 阴影指示器样式设置
    134. width: 'auto', // 阴影大小
    135. color: 'rgba(150,150,150,0.3)' // 阴影颜色
    136. }
    137. },
    138. textStyle: {
    139. color: '#fff'
    140. }
    141. },
    142. // 区域缩放控制器
    143. dataZoom: {
    144. orient: 'horizontal', // 布局方式,默认为水平布局,可选为:
    145. // 'horizontal' ¦ 'vertical'
    146. // x: {number}, // 水平安放位置,默认为根据grid参数适配,可选为:
    147. // {number}(x坐标,单位px)
    148. // y: {number}, // 垂直安放位置,默认为根据grid参数适配,可选为:
    149. // {number}(y坐标,单位px)
    150. // width: {number}, // 指定宽度,横向布局时默认为根据grid参数适配
    151. // height: {number}, // 指定高度,纵向布局时默认为根据grid参数适配
    152. backgroundColor: 'rgba(0,0,0,0)', // 背景颜色
    153. dataBackgroundColor: '#eee', // 数据背景颜色
    154. fillerColor: 'rgba(144,197,237,0.2)', // 填充颜色
    155. handleColor: 'rgba(70,130,180,0.8)' // 手柄颜色
    156. },
    157. // 网格
    158. grid: {
    159. x: 80,
    160. y: 60,
    161. x2: 80,
    162. y2: 60,
    163. // width: {totalWidth} - x - x2,
    164. // height: {totalHeight} - y - y2,
    165. backgroundColor: 'rgba(0,0,0,0)',
    166. borderWidth: 1,
    167. borderColor: '#ccc'
    168. },
    169. // 类目轴
    170. categoryAxis: {
    171. position: 'bottom', // 位置
    172. nameLocation: 'end', // 坐标轴名字位置,支持'start' | 'end'
    173. boundaryGap: true, // 类目起始和结束两端空白策略
    174. axisLine: { // 坐标轴线
    175. show: true, // 默认显示,属性show控制显示与否
    176. lineStyle: { // 属性lineStyle控制线条样式
    177. color: '#48b',
    178. width: 2,
    179. type: 'solid'
    180. }
    181. },
    182. axisTick: { // 坐标轴小标记
    183. show: true, // 属性show控制显示与否,默认不显示
    184. interval: 'auto',
    185. // onGap: null,
    186. inside : false, // 控制小标记是否在grid里
    187. length :5, // 属性length控制线长
    188. lineStyle: { // 属性lineStyle控制线条样式
    189. color: '#333',
    190. width: 1
    191. }
    192. },
    193. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
    194. show: true,
    195. interval: 'auto',
    196. rotate: 0,
    197. margin: 8,
    198. // formatter: null,
    199. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
    200. color: '#333'
    201. }
    202. },
    203. splitLine: { // 分隔线
    204. show: true, // 默认显示,属性show控制显示与否
    205. // onGap: null,
    206. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
    207. color: ['#ccc'],
    208. width: 1,
    209. type: 'solid'
    210. }
    211. },
    212. splitArea: { // 分隔区域
    213. show: false, // 默认不显示,属性show控制显示与否
    214. // onGap: null,
    215. areaStyle: { // 属性areaStyle(详见areaStyle)控制区域样式
    216. color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
    217. }
    218. }
    219. },
    220. // 数值型坐标轴默认参数
    221. valueAxis: {
    222. position: 'left', // 位置
    223. nameLocation: 'end', // 坐标轴名字位置,支持'start' | 'end'
    224. nameTextStyle: {}, // 坐标轴文字样式,默认取全局样式
    225. boundaryGap: [0, 0], // 数值起始和结束两端空白策略
    226. splitNumber: 5, // 分割段数,默认为5
    227. axisLine: { // 坐标轴线
    228. show: true, // 默认显示,属性show控制显示与否
    229. lineStyle: { // 属性lineStyle控制线条样式
    230. color: '#48b',
    231. width: 2,
    232. type: 'solid'
    233. }
    234. },
    235. axisTick: { // 坐标轴小标记
    236. show: false, // 属性show控制显示与否,默认不显示
    237. inside : false, // 控制小标记是否在grid里
    238. length :5, // 属性length控制线长
    239. lineStyle: { // 属性lineStyle控制线条样式
    240. color: '#333',
    241. width: 1
    242. }
    243. },
    244. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
    245. show: true,
    246. rotate: 0,
    247. margin: 8,
    248. // formatter: null,
    249. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
    250. color: '#333'
    251. }
    252. },
    253. splitLine: { // 分隔线
    254. show: true, // 默认显示,属性show控制显示与否
    255. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
    256. color: ['#ccc'],
    257. width: 1,
    258. type: 'solid'
    259. }
    260. },
    261. splitArea: { // 分隔区域
    262. show: false, // 默认不显示,属性show控制显示与否
    263. areaStyle: { // 属性areaStyle(详见areaStyle)控制区域样式
    264. color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
    265. }
    266. }
    267. },
    268. polar : {
    269. center : ['50%', '50%'], // 默认全局居中
    270. radius : '75%',
    271. startAngle : 90,
    272. splitNumber : 5,
    273. name : {
    274. show: true,
    275. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
    276. color: '#333'
    277. }
    278. },
    279. axisLine: { // 坐标轴线
    280. show: true, // 默认显示,属性show控制显示与否
    281. lineStyle: { // 属性lineStyle控制线条样式
    282. color: '#ccc',
    283. width: 1,
    284. type: 'solid'
    285. }
    286. },
    287. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
    288. show: false,
    289. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
    290. color: '#333'
    291. }
    292. },
    293. splitArea : {
    294. show : true,
    295. areaStyle : {
    296. color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
    297. }
    298. },
    299. splitLine : {
    300. show : true,
    301. lineStyle : {
    302. width : 1,
    303. color : '#ccc'
    304. }
    305. }
    306. },
    307. // 柱形图默认参数
    308. bar: {
    309. barMinHeight: 0, // 最小高度改为0
    310. // barWidth: null, // 默认自适应
    311. barGap: '30%', // 柱间距离,默认为柱形宽度的30%,可设固定值
    312. barCategoryGap : '20%', // 类目间柱形距离,默认为类目间距的20%,可设固定值
    313. itemStyle: {
    314. normal: {
    315. // color: '各异',
    316. barBorderColor: '#fff', // 柱条边线
    317. barBorderRadius: 0, // 柱条边线圆角,单位px,默认为0
    318. barBorderWidth: 1, // 柱条边线线宽,单位px,默认为1
    319. label: {
    320. show: false
    321. // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
    322. // 'inside'|'left'|'right'|'top'|'bottom'
    323. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    324. }
    325. },
    326. emphasis: {
    327. // color: '各异',
    328. barBorderColor: 'rgba(0,0,0,0)', // 柱条边线
    329. barBorderRadius: 0, // 柱条边线圆角,单位px,默认为0
    330. barBorderWidth: 1, // 柱条边线线宽,单位px,默认为1
    331. label: {
    332. show: false
    333. // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
    334. // 'inside'|'left'|'right'|'top'|'bottom'
    335. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    336. }
    337. }
    338. }
    339. },
    340. // 折线图默认参数
    341. line: {
    342. itemStyle: {
    343. normal: {
    344. // color: 各异,
    345. label: {
    346. show: false
    347. // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
    348. // 'inside'|'left'|'right'|'top'|'bottom'
    349. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    350. },
    351. lineStyle: {
    352. width: 2,
    353. type: 'solid',
    354. shadowColor : 'rgba(0,0,0,0)', //默认透明
    355. shadowBlur: 5,
    356. shadowOffsetX: 3,
    357. shadowOffsetY: 3
    358. }
    359. },
    360. emphasis: {
    361. // color: 各异,
    362. label: {
    363. show: false
    364. // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
    365. // 'inside'|'left'|'right'|'top'|'bottom'
    366. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    367. }
    368. }
    369. },
    370. //smooth : false,
    371. //symbol: null, // 拐点图形类型
    372. symbolSize: 2, // 拐点图形大小
    373. //symbolRotate : null, // 拐点图形旋转控制
    374. showAllSymbol: false // 标志图形默认只有主轴显示(随主轴标签间隔隐藏策略)
    375. },
    376. // K线图默认参数
    377. k: {
    378. // barWidth : null // 默认自适应
    379. // barMaxWidth : null // 默认自适应
    380. itemStyle: {
    381. normal: {
    382. color: '#fff', // 阳线填充颜色
    383. color0: '#00aa11', // 阴线填充颜色
    384. lineStyle: {
    385. width: 1,
    386. color: '#ff3200', // 阳线边框颜色
    387. color0: '#00aa11' // 阴线边框颜色
    388. }
    389. },
    390. emphasis: {
    391. // color: 各异,
    392. // color0: 各异
    393. }
    394. }
    395. },
    396. // 散点图默认参数
    397. scatter: {
    398. //symbol: null, // 图形类型
    399. symbolSize: 4, // 图形大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
    400. //symbolRotate : null, // 图形旋转控制
    401. large: false, // 大规模散点图
    402. largeThreshold: 2000,// 大规模阀值,large为true且数据量>largeThreshold才启用大规模模式
    403. itemStyle: {
    404. normal: {
    405. // color: 各异,
    406. label: {
    407. show: false
    408. // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
    409. // 'inside'|'left'|'right'|'top'|'bottom'
    410. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    411. }
    412. },
    413. emphasis: {
    414. // color: '各异'
    415. label: {
    416. show: false
    417. // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
    418. // 'inside'|'left'|'right'|'top'|'bottom'
    419. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    420. }
    421. }
    422. }
    423. },
    424. // 雷达图默认参数
    425. radar : {
    426. itemStyle: {
    427. normal: {
    428. // color: 各异,
    429. label: {
    430. show: false
    431. },
    432. lineStyle: {
    433. width: 2,
    434. type: 'solid'
    435. }
    436. },
    437. emphasis: {
    438. // color: 各异,
    439. label: {
    440. show: false
    441. }
    442. }
    443. },
    444. //symbol: null, // 拐点图形类型
    445. symbolSize: 2 // 可计算特性参数,空数据拖拽提示图形大小
    446. //symbolRotate : null, // 图形旋转控制
    447. },
    448. // 饼图默认参数
    449. pie: {
    450. center : ['50%', '50%'], // 默认全局居中
    451. radius : [0, '75%'],
    452. clockWise : false, // 默认逆时针
    453. startAngle: 90,
    454. minAngle: 0, // 最小角度改为0
    455. selectedOffset: 10, // 选中是扇区偏移量
    456. itemStyle: {
    457. normal: {
    458. // color: 各异,
    459. borderColor: '#fff',
    460. borderWidth: 1,
    461. label: {
    462. show: true,
    463. position: 'outer'
    464. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    465. },
    466. labelLine: {
    467. show: true,
    468. length: 20,
    469. lineStyle: {
    470. // color: 各异,
    471. width: 1,
    472. type: 'solid'
    473. }
    474. }
    475. },
    476. emphasis: {
    477. // color: 各异,
    478. borderColor: 'rgba(0,0,0,0)',
    479. borderWidth: 1,
    480. label: {
    481. show: false
    482. // position: 'outer'
    483. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    484. },
    485. labelLine: {
    486. show: false,
    487. length: 20,
    488. lineStyle: {
    489. // color: 各异,
    490. width: 1,
    491. type: 'solid'
    492. }
    493. }
    494. }
    495. }
    496. },
    497. map: {
    498. mapType: 'china', // 各省的mapType暂时都用中文
    499. mapLocation: {
    500. x : 'center',
    501. y : 'center'
    502. // width // 自适应
    503. // height // 自适应
    504. },
    505. showLegendSymbol : true, // 显示图例颜色标识(系列标识的小圆点),存在legend时生效
    506. itemStyle: {
    507. normal: {
    508. // color: 各异,
    509. borderColor: '#fff',
    510. borderWidth: 1,
    511. areaStyle: {
    512. color: '#ccc'//rgba(135,206,250,0.8)
    513. },
    514. label: {
    515. show: false,
    516. textStyle: {
    517. color: 'rgba(139,69,19,1)'
    518. }
    519. }
    520. },
    521. emphasis: { // 也是选中样式
    522. // color: 各异,
    523. borderColor: 'rgba(0,0,0,0)',
    524. borderWidth: 1,
    525. areaStyle: {
    526. color: 'rgba(255,215,0,0.8)'
    527. },
    528. label: {
    529. show: false,
    530. textStyle: {
    531. color: 'rgba(139,69,19,1)'
    532. }
    533. }
    534. }
    535. }
    536. },
    537. force : {
    538. // 数据map到圆的半径的最小值和最大值
    539. minRadius : 10,
    540. maxRadius : 20,
    541. density : 1.0,
    542. attractiveness : 1.0,
    543. // 初始化的随机大小位置
    544. initSize : 300,
    545. // 向心力因子,越大向心力越大
    546. centripetal : 1,
    547. // 冷却因子
    548. coolDown : 0.99,
    549. // 分类里如果有样式会覆盖节点默认样式
    550. itemStyle: {
    551. normal: {
    552. // color: 各异,
    553. label: {
    554. show: false
    555. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    556. },
    557. nodeStyle : {
    558. brushType : 'both',
    559. color : '#f08c2e',
    560. strokeColor : '#5182ab'
    561. },
    562. linkStyle : {
    563. strokeColor : '#5182ab'
    564. }
    565. },
    566. emphasis: {
    567. // color: 各异,
    568. label: {
    569. show: false
    570. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    571. },
    572. nodeStyle : {},
    573. linkStyle : {}
    574. }
    575. }
    576. },
    577. chord : {
    578. radius : ['65%', '75%'],
    579. center : ['50%', '50%'],
    580. padding : 2,
    581. sort : 'none', // can be 'none', 'ascending', 'descending'
    582. sortSub : 'none', // can be 'none', 'ascending', 'descending'
    583. startAngle : 90,
    584. clockWise : false,
    585. showScale : false,
    586. showScaleText : false,
    587. itemStyle : {
    588. normal : {
    589. label : {
    590. show : true
    591. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    592. },
    593. lineStyle : {
    594. width : 0,
    595. color : '#000'
    596. },
    597. chordStyle : {
    598. lineStyle : {
    599. width : 1,
    600. color : '#666'
    601. }
    602. }
    603. },
    604. emphasis : {
    605. lineStyle : {
    606. width : 0,
    607. color : '#000'
    608. },
    609. chordStyle : {
    610. lineStyle : {
    611. width : 2,
    612. color : '#333'
    613. }
    614. }
    615. }
    616. }
    617. },
    618. island: {
    619. r: 15,
    620. calculateStep: 0.1 // 滚轮可计算步长 0.1 = 10%
    621. },
    622. markPoint : {
    623. symbol: 'pin', // 标注类型
    624. symbolSize: 10, // 标注大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
    625. //symbolRotate : null, // 标注旋转控制
    626. itemStyle: {
    627. normal: {
    628. // color: 各异,
    629. // borderColor: 各异, // 标注边线颜色,优先于color
    630. borderWidth: 2, // 标注边线线宽,单位px,默认为1
    631. label: {
    632. show: true,
    633. position: 'inside' // 可选为'left'|'right'|'top'|'bottom'
    634. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    635. }
    636. },
    637. emphasis: {
    638. // color: 各异
    639. label: {
    640. show: true
    641. // position: 'inside' // 'left'|'right'|'top'|'bottom'
    642. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    643. }
    644. }
    645. }
    646. },
    647. markLine : {
    648. // 标线起始和结束的symbol介绍类型,如果都一样,可以直接传string
    649. symbol: ['circle', 'arrow'],
    650. // 标线起始和结束的symbol大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
    651. symbolSize: [2, 4],
    652. // 标线起始和结束的symbol旋转控制
    653. //symbolRotate : null,
    654. itemStyle: {
    655. normal: {
    656. // color: 各异, // 标线主色,线色,symbol主色
    657. // borderColor: 随color, // 标线symbol边框颜色,优先于color
    658. borderWidth: 2, // 标线symbol边框线宽,单位px,默认为2
    659. label: {
    660. show: false,
    661. // 可选为 'start'|'end'|'left'|'right'|'top'|'bottom'
    662. position: 'inside',
    663. textStyle: { // 默认使用全局文本样式,详见TEXTSTYLE
    664. color: '#333'
    665. }
    666. },
    667. lineStyle: {
    668. // color: 随borderColor, // 主色,线色,优先级高于borderColor和color
    669. // width: 随borderWidth, // 优先于borderWidth
    670. type: 'solid',
    671. shadowColor : 'rgba(0,0,0,0)', //默认透明
    672. shadowBlur: 5,
    673. shadowOffsetX: 3,
    674. shadowOffsetY: 3
    675. }
    676. },
    677. emphasis: {
    678. // color: 各异
    679. label: {
    680. show: false
    681. // position: 'inside' // 'left'|'right'|'top'|'bottom'
    682. // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
    683. },
    684. lineStyle : {}
    685. }
    686. }
    687. },
    688. textStyle: {
    689. decoration: 'none',
    690. fontFamily: 'Arial, Verdana, sans-serif',
    691. fontFamily2: '微软雅黑', // IE8- 字体模糊并且不支持不同字体混排,额外指定一份
    692. fontSize: 12,
    693. fontStyle: 'normal',
    694. fontWeight: 'normal'
    695. },
    696. // 默认标志图形类型列表
    697. symbolList : [
    698. 'circle', 'rectangle', 'triangle', 'diamond',
    699. 'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'
    700. ],
    701. loadingText : 'Loading...',
    702. // 可计算特性配置,孤岛,提示颜色
    703. calculable: false, // 默认关闭可计算特性
    704. calculableColor: 'rgba(255,165,0,0.6)', // 拖拽提示边框颜色
    705. calculableHolderColor: '#ccc', // 可计算占位提示颜色
    706. nameConnector: ' & ',
    707. valueConnector: ' : ',
    708. animation: true,
    709. animationThreshold: 2500, // 动画元素阀值,产生的图形原素超过2500不出动画
    710. addDataAnimation: true, // 动态数据接口是否开启动画效果
    711. animationDuration: 2000,
    712. animationEasing: 'ExponentialOut' //BounceOut
    713. }