#

whycq

2021-12-08 4336201eb607f90a0011efdfee3a3f5928f94e4b

 views/index.html

@@ -56,114 +56,103 @@

         var option;



         option = {
            xAxis: {
               type: 'category',
               data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            title: {
               text: '年度进/出货量',
               textStyle:{
                  color:'#F8F8FF',
               },
               subtext: 'Data',
               subtextStyle:{
                  color:'#F8F8FF',
               },
               show: true,

            },
            yAxis: {
               type: 'value'
            tooltip: {
               trigger: 'axis'
            },
            textStyle:{
               color:'#F8F8FF',
            },
            // subtextStyle:{
            //    color:'#F8F8FF',
            // },
            // tooltip: {
            //    trigger: 'axis'
            // },
            legend: {
               show:false,
               data: ['进货', '出货']
            },
            toolbox: {
               show: false,
               feature: {
                  dataView: { show: true, readOnly: false },
                  magicType: { show: true, type: ['line', 'bar'] },
                  restore: { show: true },
                  saveAsImage: { show: true }
               }
            },
            calculable: true,
            xAxis: [
               {
                  color:'#ffffff',
                  type: 'category',
                  // prettier-ignore
                  data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
               }
            ],
            yAxis: [
               {
                  // show:false,
                  type: 'value'
               }
            ],
            series: [
               {
                  data: [120, 200, 150, 80, 70, 110, 130],
                  type: 'bar'
                  color:['#F8F8FF'],
                  name: '进货',
                  type: 'bar',
                  data: [
                     2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
                  ],
                  // markPoint: {
                  //    data: [
                  //       { type: 'max', name: 'Max' },
                  //       { type: 'min', name: 'Min' }
                  //    ]
                  // },
                  // markLine: {
                  //    data: [{ type: 'average', name: 'Avg' }]
                  // }
               },
               {
                  color:['#C0C0C0'],
                  name: '出货',
                  type: 'bar',
                  data: [
                     2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
                  ],
                  // markPoint: {
                  //    data: [
                  //       { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
                  //       { name: 'Min', value: 2.3, xAxis: 11, yAxis: 3 }
                  //    ]
                  // },
                  // markLine: {
                  //    data: [{ type: 'average', name: 'Avg' }]
                  // }
               }
            ]
            ],

         };

         option && myChart.setOption(option);


         // option = {
         //    title: {
         //       text: '年度进/出货量',
         //       textStyle:{
         //          color:'#F8F8FF',
         //       },
         //       subtext: 'Data',
         //       subtextStyle:{
         //          color:'#F8F8FF',
         //       },
         //       show: true,
         //
         //    },
         //    textStyle:{
         //       color:'#F8F8FF',
         //    },
         //    // subtextStyle:{
         //    //    color:'#F8F8FF',
         //    // },
         //    // tooltip: {
         //    //    trigger: 'axis'
         //    // },
         //    legend: {
         //       show:false,
         //       data: ['进货', '出货']
         //    },
         //    toolbox: {
         //       show: false,
         //       feature: {
         //          dataView: { show: true, readOnly: false },
         //          magicType: { show: true, type: ['line', 'bar'] },
         //          restore: { show: true },
         //          saveAsImage: { show: true }
         //       }
         //    },
         //    calculable: true,
         //    xAxis: [
         //       {
         //          type: 'category',
         //          // prettier-ignore
         //          data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
         //       }
         //    ],
         //    yAxis: [
         //       {
         //          // show:false,
         //          type: 'value'
         //       }
         //    ],
         //    series: [
         //       {
         //          name: '进货',
         //          type: 'bar',
         //          data: [
         //             2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
         //          ],
         //          markPoint: {
         //             data: [
         //                { type: 'max', name: 'Max' },
         //                { type: 'min', name: 'Min' }
         //             ]
         //          },
         //          markLine: {
         //             data: [{ type: 'average', name: 'Avg' }]
         //          }
         //       },
         //       {
         //          name: '出货',
         //          type: 'bar',
         //          data: [
         //             2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
         //          ],
         //          markPoint: {
         //             data: [
         //                { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
         //                { name: 'Min', value: 2.3, xAxis: 11, yAxis: 3 }
         //             ]
         //          },
         //          markLine: {
         //             data: [{ type: 'average', name: 'Avg' }]
         //          }
         //       }
         //    ],
         //
         // };
         //
         // if (option && typeof option === 'object') {
         //    myChart.setOption(option);
         // }
         if (option && typeof option === 'object') {
            myChart.setOption(option);
         }

      </script>
      <script type="text/javascript" src="../static/js/lib/jquery-3.3.1.min.js"></script>