From 4336201eb607f90a0011efdfee3a3f5928f94e4b Mon Sep 17 00:00:00 2001 From: whycq <whycq> Date: 星期三, 08 十二月 2021 17:00:49 +0800 Subject: [PATCH] # --- views/index.html | 189 ++++++++++++++++++++++------------------------- 1 files changed, 89 insertions(+), 100 deletions(-) diff --git a/views/index.html b/views/index.html index f133137..9685af0 100644 --- a/views/index.html +++ b/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> -- Gitblit v1.9.1