近几年排行榜柱状图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            var newArr = [
   {
      cdate: "2022.04.01",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "70.83,84.37,43.00,22.28,14.48,51.62,84.39,21.02,65.27,54.28,43.54,55.50,28.28,64.88",
   },
   {
      cdate: "2022.04.02",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.95,83.20,42.14,21.99,15.89,50.77,83.03,19.85,71.84,51.56,42.70,54.41,28.20,63.11",
   },
   {
      cdate: "2022.04.03",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "68.99,82.29,40.95,21.94,17.13,47.42,82.63,19.28,74.79,49.89,42.07,53.23,27.48,61.59",
   },
   {
      cdate: "2022.04.04",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "68.27,81.76,39.95,21.78,17.51,45.01,81.98,18.14,75.78,49.01,41.40,52.13,27.16,61.26",
   },
   {
      cdate: "2022.04.05",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "67.70,81.25,38.79,21.72,17.92,43.21,81.50,17.50,76.56,48.62,40.55,50.80,26.03,62.81",
   },
   {
      cdate: "2022.04.06",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "67.45,80.83,38.60,21.60,18.24,43.48,81.24,17.52,76.35,48.43,40.34,50.33,26.00,63.44",
   },
   {
      cdate: "2022.04.07",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "67.46,80.60,38.67,21.48,18.51,44.47,81.00,17.28,76.36,48.40,40.29,50.14,25.92,63.60",
   },
   {
      cdate: "2022.04.08",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "67.43,80.36,38.68,21.40,18.05,45.05,80.74,16.85,76.70,48.33,40.14,49.94,25.73,63.53",
   },
   {
      cdate: "2022.04.09",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "67.43,80.07,38.51,21.27,17.54,45.39,80.57,16.44,77.14,48.57,39.72,49.52,25.50,62.99",
   },
   {
      cdate: "2022.04.10",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "67.70,79.95,38.21,21.10,17.30,45.07,80.40,16.20,77.85,48.90,39.20,49.01,24.99,62.39",
   },
   {
      cdate: "2022.04.11",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "68.29,79.87,38.25,20.98,17.23,45.11,80.18,16.13,78.22,49.28,39.10,48.83,24.84,61.96",
   },
   {
      cdate: "2022.04.12",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.06,79.90,38.45,20.87,17.34,44.69,80.09,16.14,78.50,49.21,39.08,48.72,24.74,61.58",
   },
   {
      cdate: "2022.04.13",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.34,79.78,38.63,20.78,17.26,44.45,79.96,16.11,78.92,49.76,39.20,48.69,24.91,61.43",
   },
   {
      cdate: "2022.04.14",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.58,79.63,38.79,20.71,17.09,44.82,79.79,16.21,79.39,50.03,39.35,48.63,25.19,61.37",
   },
   {
      cdate: "2022.04.15",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.62,79.41,38.85,20.62,16.84,45.20,79.66,16.29,79.57,50.25,39.32,48.51,25.42,61.21",
   },
   {
      cdate: "2022.04.16",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.56,79.17,38.80,20.53,16.69,45.49,79.53,16.34,80.02,50.56,39.15,48.21,25.54,60.88",
   },
   {
      cdate: "2022.04.17",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.48,78.95,38.59,20.44,16.77,45.56,79.43,16.37,80.48,50.64,38.78,47.79,25.53,60.57",
   },
   {
      cdate: "2022.04.18",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.57,78.84,38.65,20.40,17.31,45.82,79.36,16.47,80.69,50.57,38.76,47.72,25.61,60.46",
   },
   {
      cdate: "2022.04.19",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "69.77,78.79,38.81,20.35,17.61,46.14,79.28,16.57,80.80,50.64,38.78,47.83,25.59,60.48",
   },
   {
      cdate: "2022.04.20",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "70.02,78.79,38.97,20.32,17.56,46.48,79.27,16.63,81.05,50.98,38.81,48.03,25.58,60.53",
   },
   {
      cdate: "2022.04.21",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "70.36,78.89,39.17,20.29,17.49,46.88,79.33,16.64,81.15,51.44,38.87,48.29,25.52,60.70",
   },
   {
      cdate: "2022.04.22",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "70.85,79.06,39.44,20.27,17.50,47.35,79.43,16.69,81.49,51.84,39.00,48.60,25.47,60.89",
   },
   {
      cdate: "2022.04.23",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "71.24,79.24,39.67,20.27,17.52,47.73,79.59,16.70,81.51,52.15,39.16,48.91,25.50,61.02",
   },
   {
      cdate: "2022.04.24",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "71.56,79.35,39.80,20.25,17.67,47.97,79.70,16.68,81.62,52.33,39.19,49.02,25.21,61.14",
   },
   {
      cdate: "2022.04.25",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "72.13,79.49,40.10,20.30,17.60,48.38,79.91,16.71,81.73,52.50,39.42,49.43,25.13,61.28",
   },
   {
      cdate: "2022.04.26",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "72.73,79.63,40.48,20.36,17.48,48.90,80.10,16.70,81.91,52.65,39.74,49.95,25.11,61.21",
   },
   {
      cdate: "2022.04.27",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "73.03,79.65,40.75,20.41,17.44,49.33,80.29,16.67,82.09,52.61,39.97,50.31,25.04,60.86",
   },
   {
      cdate: "2022.04.28",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "73.36,79.72,41.12,20.54,17.62,49.77,80.46,16.68,82.17,52.73,40.32,50.74,24.98,60.60",
   },
   {
      cdate: "2022.04.29",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "73.54,79.75,41.47,20.71,17.66,50.22,80.66,16.73,82.29,52.71,40.71,51.12,24.98,60.49",
   },
   {
      cdate: "2022.04.30",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "73.67,79.73,41.71,21.00,17.80,50.48,80.83,16.77,82.24,52.54,40.94,51.37,24.93,60.25",
   },
   {
      cdate: "2022.05.01",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "70.74,80.68,39.93,27.78,30.04,36.27,93.26,15.58,90.32,41.67,37.99,47.71,19.53,53.79",
   },
   {
      cdate: "2022.05.02",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "73.18,81.72,43.51,38.80,26.82,43.37,92.95,15.79,91.47,42.41,41.65,51.06,21.02,54.40",
   },
   {
      cdate: "2022.05.03",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "75.14,82.70,46.72,42.64,26.99,50.00,93.36,16.65,91.68,44.54,44.83,55.84,25.21,55.41",
   },
   {
      cdate: "2022.05.04",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "76.30,83.36,49.23,46.23,26.07,54.31,93.74,17.47,92.03,47.00,47.30,59.02,27.61,57.11",
   },
   {
      cdate: "2022.05.05",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "77.92,83.98,51.54,48.30,24.82,57.50,94.49,18.55,92.23,48.99,49.58,61.66,28.99,58.88",
   },
   {
      cdate: "2022.05.06",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "79.72,84.77,53.58,48.05,25.33,59.69,95.17,19.56,91.68,49.78,51.68,64.08,30.93,60.52",
   },
   {
      cdate: "2022.05.07",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "81.28,85.47,55.25,49.52,26.60,61.24,95.64,20.57,91.52,50.89,53.46,66.00,33.33,62.07",
   },
   {
      cdate: "2022.05.08",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "81.73,85.72,55.88,50.57,26.96,62.00,95.87,20.77,91.90,51.41,54.05,66.02,36.11,63.17",
   },
   {
      cdate: "2022.05.09",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "82.08,85.99,56.93,51.10,27.18,63.14,96.09,21.23,92.07,52.26,55.34,66.82,37.58,64.32",
   },
   {
      cdate: "2022.05.10",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "82.68,86.47,58.18,51.34,26.92,64.32,96.49,21.28,92.39,53.25,56.88,67.93,39.56,65.37",
   },
   {
      cdate: "2022.05.11",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "83.28,86.96,59.29,50.91,26.74,65.22,97.04,21.25,92.39,54.11,58.24,69.19,41.61,66.02",
   },
   {
      cdate: "2022.05.12",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "83.83,87.48,60.34,52.56,26.74,66.07,97.58,21.24,92.60,55.05,59.58,70.31,42.79,66.68",
   },
   {
      cdate: "2022.05.13",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "84.06,87.87,61.17,53.86,26.47,66.93,98.04,21.35,92.65,55.79,60.68,71.32,43.91,67.45",
   },
   {
      cdate: "2022.05.14",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "83.95,88.13,61.59,54.74,26.18,67.44,98.46,21.30,92.65,56.08,61.17,71.93,45.18,67.73",
   },
   {
      cdate: "2022.05.15",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "83.66,88.36,61.63,54.88,26.97,67.39,98.74,21.08,92.96,56.39,61.25,71.89,45.94,67.89",
   },
   {
      cdate: "2022.05.16",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "83.83,88.66,62.10,53.73,26.90,67.78,99.08,21.18,93.00,57.25,61.84,72.38,46.98,68.09",
   },
   {
      cdate: "2022.05.17",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "84.18,89.03,62.67,54.62,26.76,68.27,99.40,21.33,93.24,58.18,62.58,73.08,48.04,68.52",
   },
   {
      cdate: "2022.05.18",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "84.53,89.37,63.27,55.52,26.78,68.89,99.78,21.46,93.34,58.68,63.32,73.66,48.97,69.01",
   },
   {
      cdate: "2022.05.19",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "84.96,89.76,63.96,56.41,26.71,69.60,100.18,21.67,93.40,59.45,64.20,74.40,50.61,69.53",
   },
   {
      cdate: "2022.05.20",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "85.42,90.19,64.71,57.04,27.09,70.27,100.56,21.93,93.65,60.27,65.14,75.26,51.71,70.14",
   },
   {
      cdate: "2022.05.21",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "85.80,90.57,65.22,56.02,27.27,70.73,100.84,22.14,93.73,60.90,65.77,75.89,53.08,70.50",
   },
   {
      cdate: "2022.05.22",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "85.91,90.88,65.41,56.64,27.42,70.92,101.04,22.30,93.98,61.44,65.99,76.04,53.32,70.73",
   },
   {
      cdate: "2022.05.23",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "86.29,91.22,65.96,57.40,27.64,71.48,101.26,22.64,93.96,62.13,66.70,76.66,54.17,71.07",
   },
   {
      cdate: "2022.05.24",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "86.73,91.62,66.68,58.07,27.59,72.12,101.48,22.82,94.02,63.02,67.61,77.54,55.21,71.48",
   },
   {
      cdate: "2022.05.25",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "87.16,92.01,67.32,58.06,28.06,72.73,101.65,23.09,93.94,63.88,68.35,78.36,56.49,71.86",
   },
   {
      cdate: "2022.05.26",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "87.60,92.36,67.96,58.15,28.70,73.27,101.84,23.34,93.80,64.65,69.16,79.27,57.54,72.16",
   },
   {
      cdate: "2022.05.27",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "88.09,92.73,68.62,59.24,29.05,73.78,102.02,23.73,93.53,65.30,69.91,80.15,58.65,72.46",
   },
   {
      cdate: "2022.05.28",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "88.40,93.09,69.19,60.25,29.02,74.25,102.18,24.33,93.44,65.97,70.58,81.01,59.59,72.72",
   },
   {
      cdate: "2022.05.29",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "88.69,93.42,69.57,61.32,29.11,74.43,102.28,24.60,93.36,66.61,71.06,81.56,59.61,72.98",
   },
   {
      cdate: "2022.05.30",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "89.29,93.86,70.22,62.15,29.21,74.91,102.49,24.93,93.17,67.16,71.86,82.39,60.45,73.34",
   },
   {
      cdate: "2022.06.01",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "92.65,97.04,84.47,66.91,43.22,80.79,109.79,54.60,112.50,76.92,87.80,103.90,78.88,83.94",
   },
   {
      cdate: "2022.06.02",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "92.00,96.97,84.16,66.19,44.39,80.18,110.00,58.04,115.49,78.97,87.94,103.76,78.62,84.94",
   },
   {
      cdate: "2022.06.03",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "86.96,94.88,75.03,54.18,39.00,71.52,108.50,56.95,118.55,75.42,76.74,96.81,67.41,81.98",
   },
   {
      cdate: "2022.06.04",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "86.14,95.31,74.50,58.84,38.86,69.92,108.11,57.87,119.32,74.43,75.85,96.57,71.85,82.06",
   },
   {
      cdate: "2022.06.05",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "86.67,95.90,76.16,61.97,40.00,70.42,108.65,58.60,117.53,75.78,77.69,97.22,75.71,82.93",
   },
   {
      cdate: "2022.06.06",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "88.40,96.24,79.01,63.94,45.23,72.80,109.17,60.74,113.82,76.93,80.60,98.89,78.61,83.76",
   },
   {
      cdate: "2022.06.07",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "89.61,96.46,81.65,64.67,48.02,75.07,109.79,63.45,111.26,78.32,83.22,100.64,79.13,84.97",
   },
   {
      cdate: "2022.06.08",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "90.25,96.50,83.56,61.73,50.26,76.62,110.58,65.84,106.51,79.65,85.05,101.77,77.73,85.98",
   },
   {
      cdate: "2022.06.09",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "91.31,96.75,85.44,57.53,52.14,78.06,111.37,68.61,103.15,80.78,86.80,102.69,77.34,87.20",
   },
   {
      cdate: "2022.06.10",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "91.88,96.91,86.85,54.16,51.94,79.30,111.86,70.17,101.89,81.82,88.25,102.98,77.29,88.15",
   },
   {
      cdate: "2022.06.11",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "91.40,96.86,86.83,51.37,49.77,79.71,112.12,70.41,100.66,82.53,87.90,102.34,77.28,88.03",
   },
   {
      cdate: "2022.06.12",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "90.93,96.66,86.35,53.81,47.79,79.39,112.26,70.82,99.21,83.11,87.31,101.58,77.18,87.99",
   },
   {
      cdate: "2022.06.13",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "91.26,96.78,86.99,57.59,48.26,79.93,112.58,71.41,98.60,84.01,88.16,102.47,78.65,88.58",
   },
   {
      cdate: "2022.06.14",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "91.97,97.04,87.97,61.20,49.69,80.66,112.78,72.42,98.29,84.46,89.26,103.83,81.99,89.32",
   },
   {
      cdate: "2022.06.15",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "92.83,97.36,89.05,65.02,50.93,81.50,113.16,73.34,98.33,85.00,90.44,105.20,84.39,90.09",
   },
   {
      cdate: "2022.06.16",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "93.77,97.75,90.20,68.61,52.22,82.49,113.55,74.32,98.32,85.18,91.71,106.62,87.04,90.96",
   },
   {
      cdate: "2022.06.17",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "94.74,98.16,91.27,72.00,53.99,83.64,113.91,75.40,98.61,85.59,92.85,107.91,89.28,91.73",
   },
   {
      cdate: "2022.06.18",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "94.95,98.33,91.54,71.22,53.27,84.04,113.97,75.98,98.23,85.92,92.97,108.07,90.85,92.05",
   },
   {
      cdate: "2022.06.19",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "95.13,98.47,91.30,73.63,52.96,83.73,113.92,76.41,98.02,86.18,92.60,108.21,90.63,92.27",
   },
   {
      cdate: "2022.06.20",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "95.73,98.80,91.90,76.68,54.73,84.44,114.04,76.79,98.29,86.62,93.37,109.27,91.31,92.82",
   },
   {
      cdate: "2022.06.21",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "96.40,99.19,92.69,79.36,55.94,85.34,114.20,77.65,98.73,86.94,94.32,110.59,92.77,93.48",
   },
   {
      cdate: "2022.06.22",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "97.32,99.66,93.54,81.98,57.70,86.34,114.43,78.62,98.13,86.93,95.33,112.01,94.48,94.14",
   },
   {
      cdate: "2022.06.23",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "98.36,100.16,94.42,84.52,59.88,87.34,114.66,79.37,97.54,87.34,96.36,113.48,96.50,94.80",
   },
   {
      cdate: "2022.06.24",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "99.14,100.56,95.09,86.62,61.03,88.07,114.77,79.83,96.97,87.79,97.20,114.64,97.89,95.31",
   },
   {
      cdate: "2022.06.25",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "99.51,100.79,95.25,85.55,60.42,88.31,114.64,80.24,96.37,88.04,97.28,115.15,98.84,95.41",
   },
   {
      cdate: "2022.06.26",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "99.89,100.93,95.10,87.25,59.79,88.25,114.45,80.63,95.58,87.93,97.07,115.42,98.29,95.48",
   },
   {
      cdate: "2022.06.27",
      cname:
         "name1,name2,name3,name4,name5,name6,name7,name8,name9,name10,name11,name12,name13,name14",
      cut:
         "100.65,101.23,95.57,89.41,61.15,88.94,114.39,81.14,95.03,88.05,97.71,116.30,98.74,95.88",
   },
];

// 柱形颜色
const countryColors = {
   name1: "#d8ff01",
   name2: "#10b9c4",
   name3: "#ff01cc",
   name4: "#01c6ff",
   name5: "#01ffe4",
   name6: "#ffa801",
   name7: "#01f0ff",
   name8: "#c001ff",
   name9: "#01ffa2",
   name10: "#ff0184",
   name11: "#d201ff",
   name12: "#ffd201",
   name13: "#0190ff",
   name14: "#ff7301",
};

// 基于准备好的dom,初始化echarts实例
var updateFrequency = 300; // 数据更新速度
var years = [];
var startIndex = 0;
for (var i = 0; i < newArr.length; ++i) {
   years.push(newArr[i]);
}
// 获取第一个数据
var startYear = years[startIndex].cdate;
var startName = years[startIndex].cname.split(",");
var startCut = years[startIndex].cut.split(",");
option = {
   backgroundColor: "#013d5a",
   // 图标的上下左右边界
   grid: {
      top: 60,
      bottom: 0,
      left: 120,
      right: 120,
   },
   legend: [
      {
         top: "0",
         left: "49%",
         textStyle: {
            color: "#fff",
            fontSize: 20,
            fontFamily: "微软雅黑",
         },
         itemWidth: 27,
         itemHeight: 16,
         data: [
            {
               name: "名字",
               icon: "rect",
            },
         ],
      },
   ],
   // x 轴相关
   xAxis: {
      max: "dataMax",
      position: "top",
      splitLine: {
         show: true,
      },
      axisLine: {
         show: true,
         lineStyle: {
            color: "#099fc5",
         },
      },
      axisLabel: {
         textStyle: {
            color: "#fff",
            fontSize: "20",
         },
         // 圆整 X 轴 参数
         formatter: function (n) {
            return Math.round(n) + "%";
         },
      },
   },
   dataset: {
      source: newArr,
   },
   // y 轴数据
   yAxis: {
      type: "category",
      inverse: true, // 大在上面,小在下面排序
      max: 14, // 最多显示个数
      data: startName,
      axisLabel: {
         textStyle: {
            color: "#fff",
            fontSize: "20",
         },
      },
      axisLine: {
         show: true,
         lineStyle: {
            color: "#099fc5",
         },
      },
      axisTick: {
         show: false,
      },
      animationDuration: 300,
      animationDurationUpdate: 300,
   },
   series: [
      {
         realtimeSort: true, // 柱状图由大到小自动排序(仅支持echarts5.0及以上)
         seriesLayoutBy: "column",
         name: "用电恢复水平",
         type: "bar",

         itemStyle: {
            color: function (param) {
               return countryColors[param.name];
            },
         },
         encode: {
            x: 0,
            y: 3,
         },
         label: {
            show: true,
            precision: 1,
            position: "right",
            valueAnimation: true,
            fontFamily: "monospace",
            textStyle: {
               fontSize: 20,
               color: "#fff",
            },
            formatter: function (param) {
               // console.log(param)
               // console.log(value.value)
               // value = param.data + "%";
               return param.data + "%";
            },
         },
         data: startCut,
      },
   ],

   animationDuration: 0,
   animationDurationUpdate: 1000,
   animationEasing: "linear",
   animationEasingUpdate: "linear",
   graphic: {
      // 年代的文字 Text
      elements: [
         {
            type: "text",
            right: 120,
            bottom: 10,
            style: {
               text: startYear,
               font: "bolder 40px monospace",
               fill: "rgba(235, 235, 235, 1)",
            },
            z: 100,
         },
      ],
   },
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
window.addEventListener("resize", function () {
   myChart.resize();
});
for (var i = startIndex; i < newArr.length - 1; ++i) {
   (function (i) {
      setTimeout(function () {
         updateYear(years[i + 1]);
      }, (i + 1) * updateFrequency);
   })(i);
}

// 更新数据
function updateYear(year) {
   let that = this;
   option.yAxis.data = year.cname.split(",");
   option.series[0].data = year.cut.split(",");
   option.graphic.elements[0].style.text = year.cdate;
   // 使用刚指定的配置项和数据显示图表。
   myChart.setOption(option);
   window.addEventListener("resize", function () {
      myChart.resize();
   });
}