import * as echarts from '../../../ec-canvas/echarts';

const app = getApp();

function initChart(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

  var option = {
   
    tooltip: {
      trigger: 'axis'
    },

    radar: [{
        indicator: [{
            text: '生产：90分',
            max: 100
          },
          {
            text: '预警：60分',
            max: 100
          },
          {
            text: '稳定性：80分',
            max: 100,
           
          }

        ],
        center: ['50%', '60%'],
        radius: 80
      },


    ],
    series: [{
        type: 'radar',
        symbolSize: 6,
      symbol: 'rect',
        tooltip: {
          trigger: 'item'
        },
        itemStyle: {
          normal: {
            color: '#FBCB77',
            areaStyle: {
              type: 'default',
              color: '#FBCB77'

            },
            lineStyle:{
              color:'#FBCB77',
              
            }
          }
        },
        data: [{
          value: [60, 73, 85],
          itemStyle: {
            normal: {
              areaStyle: {
                type: 'default',
                color: '#FBCB77'
              }
            }
          }
          // name: '某软件'
        }]
      },



    ]
  };

  chart.setOption(option);

  return chart;
}

function initChart1(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

  var option = {
    title: {
      text: '开平机01每日开工时间',
      left: 'center'
    },
    
    
    toolbox: {
     
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30','31'],
      axisLabel: {
        interval:1,
      },
      name:'日期'


    },
    yAxis: {
      type: 'value',
      axisLabel: {
        formatter: '{value}'
      },
      min:1,
      max:24,
      splitNumber: 24,
      name:'小时'

    },
    series: [
      {
        name: '',
        type: 'line',
        smooth: true,
        color:'#FCB237',
        data: [11, 11, 15, 13, 12, 13, 10],
        markPoint: {
          data: [
            { type: 'max', name: '最大值' },
            { type: 'min', name: '最小值' }
          ]
        },
        markLine: {
          data: [
            { type: 'average', name: '平均值' }
          ]
        },
        // areaStyle: {
        //   // normal: {
        //   //   color: '#F8E9DD' //改变区域颜色
        //   // }
        // },
      },
      
    ]
  };

  chart.setOption(option);
  return chart;
}

// 折线图




Page({
  onShareAppMessage: function(res) {
    return {
      title: 'ECharts 可以在微信小程序中使用啦！',
      path: '',
      success: function() {},
      fail: function() {}
    }
  },
  data: {
    ec: {
       onInit: initChart,
       
      // onInit: initChart1
      
    },
     ec1: {
      
       onInit: initChart1

    }
  },
  onload(){

  },

  dian(){
    wx.navigateTo({
      url: '/pages/qiyeyongdian/qyyd/qyyd',
    })
  },

  onReady() {}
});