菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 巨朝阳-20221116-Earchs01 [打印本页]
作者: 云云    时间: 2022-11-17 00:29
标题: 巨朝阳-20221116-Earchs01
  1.   const box1 = document.querySelector('#box1');
  2.         const box2 = document.querySelector('#box2');
  3.         const box3 = document.querySelector('#box3');
  4.         const box4 = document.querySelector('#box4');
  5.         const box5 = document.querySelector('#box5');
  6.         const box6 = document.querySelector('#box6');
  7.         const box7 = document.querySelector('#box7');
  8.         const box8 = document.querySelector('#box8');
  9.         const box9 = document.querySelector('#box9');

  11.         var myChart1 = echarts.init(box1);
  12.         var option1, option2;

  14.         option1 = {
  15.             legend: {
  16.                 orient: 'vertical',
  17.                 x: 'right',
  18.                 y: 'center',

  20.                 itemStyle: {
  21.                     borderCap: 'round',
  22.                 },
  23.             },
  24.             series: [
  25.                 {
  26.                     name: 'Nightingale Chart',
  27.                     type: 'pie',
  28.                     radius: [5, 50],
  29.                     center: ['50%', '50%'],
  30.                     roseType: 'radius',
  31.                     itemStyle: {
  32.                         itemGap: 10,
  33.                         // borderRadius: 3

  35.                     },
  36.                     data: [
  37.                         { value: 50, name: 'rose 1' },
  38.                         { value: 20, name: 'rose 2' },
  39.                         { value: 50, name: 'rose 3' },
  40.                         { value: 20, name: 'rose 4' },
  41.                     ]
  42.                 }
  43.             ]
  44.         };

  46.         option1 && myChart1.setOption(option1);




复制代码






欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) Powered by Discuz! X3.4