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'
    },

    title: {
      text: '雷达图',
      textStyle: {
        color: 'rgba(221,221,221,1)', //标题颜色
        fontSize: 14,
        lineHeight: 20,
      },
      // 标题的位置，此时放在图的底边
      left: 'center',
      top: 'bottom',
    },
  



    legend: {
      enabled: true
    },
    radar: [


      {
        indicator: [

          {
            text: '生产：90分',
            max: 100,



          },
          {
            text: '预警：60分',
            max: 100
          },
          {
            text: '稳定性：80分',
            max: 100,
          }

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

        name: {
          textStyle: {
        
            fontSize: 14
          }
        },

      },




    ],
    series: [{
        type: 'radar',

        legend: {


        },

       
        itemStyle: {
          normal: {
            color: '#FBCB77',
            areaStyle: {
              type: 'default',
              color: '#FBCB77',

            },
            lineStyle: {
              color: '#FBCB77',

            }
          }
        },
        data: [{
          value: [60, 73, 85],

          // 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() {

  },

  //跳转得分页面
  godefen() {
    wx.navigateTo({
      url: '/pages/companybox/defendetail/defendetail',
    })
  },

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

  onReady() {}
});