dg-chart-theme

功能：自定义图表主题，比如前景色、背景色等。

必填：否

元素：<body>、<div>图表元素。 当在<body>元素设置时，可定义全局图表主题；当在<div>图表元素设置时，仅定义单个图表主题，图表元素级设置将会继承全局设置。

格式：

  1. {
  2.   //可选，前景颜色
  3.   color:'..',
  4.   //可选，背景颜色
  5.   backgroundColor:'..',
  6.   //可选，实际背景色，当backgroundColor值为'transparent'时，用于设置实际页面背景色
  7.   actualBackgroundColor:'',
  8.   //可选，图表元素渐变色跨度数值，默认为10
  9.   gradient: ...,
  10.   //可选，边框颜色
  11.   borderColor:'...',
  12.   //可选，边框宽度
  13.   borderWidth:'...',
  14.   //可选，标题颜色
  15.   titleColor:'...',
  16.   //可选，图例颜色
  17.   legendColor:'...',
  18.   //可选，图形条目颜色
  19.   graphColors:['...','...','...'],
  20.   //可选，值域图形条目颜色
  21.   graphRangeColors:['...','...'],
  22.   //可选，提示框主题
  23.   tooltipTheme:{color:'...',backgroundColor:'...',borderColor:'...'},
  24.   //可选，高亮块主题
  25.   highlightTheme:{color:'...',backgroundColor:'...',borderColor:'...'}
  26. }

示例：

  1. <head>
  2. <script type="text/javascript">
  3. var myChartTheme={ color: '#00FF00' };
  4. </script>
  5. </head>
  6. <body dg-chart-theme="{color:'#FFF',backgroundColor:'#000'}">
  7.   <div dg-chart-widget="..." dg-chart-theme="{color:'#FF0000',backgroundColor:'#0000FF'}"></div>
  8.   <div dg-chart-widget="..." dg-chart-theme="myChartTheme"></div>
  9. </body>