仪表盘的使用

1: 仪表盘的常用效果:
  1.1: 数值范围
   max: 最大值  min: 最小值
  1.2:  多个指针
    增加data 数组的元素 data 中的数组是每一个对象;

  1.3: 多个指针的颜色
    设置 itemStyle  样式:
-------------------------------------------------------

 仪表盘的实现步骤:
  1: Echarts  最基本的代码结构:
     引入js 文件,   DOM 容器,  初始化对象,  设置option

  2: 准备数据,  设置给 series 下的data
     data: [{value: 97}]

  3: 图表类型:
     在series 下设置 type: gauge;  (gauge: 仪表盘的意思);
---------------------------------------------------------

1:  引入Echarts 文件
 <script src="lib/echarts.min.js"></script>
2: 准备一个呈现图表盒子：
   <div style="width: 600px; height: 400px"></div>
3: 初始化echarts 对象：   获取初始化对象
  var mCharts = echarts.init(document.querySelector('div'));
4: var option = {
     series: [
       {
         type: 'gauge',
         data: [
           {
             value: 97,
             itemStyle: {
               color: 'pink'
             }
           },   // 每一个对象就代表一个指针
           {
             value: 85,
             itemStyle: {
               color: 'red'
             }
           },
           min: 50,  min  max 控制仪表盘的数字范围
         ]
       }
     ]
   }
 mCharts.setOption(option);   // 渲染到页面上
-----------------------------------------------------
仪表盘的特点:
   仪表盘可以更加直观的表现出某个指标的进度或者实际情况。