| | |
| | | <div class="box_chart_item" style=" width:59%;height: 100%"> |
| | | <div class="box_content_right_title" style="width: 100%;display: flex"> |
| | | <div style="flex: 1">理赔金额趋势</div> |
| | | <div style="flex: 1; text-align: right"> |
| | | <!-- <div style="flex: 1; text-align: right"> |
| | | <span :class="dateType == 0?'seldatetype':'datetype'" @click="changeDataType(0)">近一月</span> |
| | | <span :class="dateType == 1?'seldatetype':'datetype'" @click="changeDataType(1)">近一年</span> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | <div class="box_chart_item_tu" id="tuLipeijine" style="width: 100%;height: 90%" ></div> |
| | | </div> |
| | |
| | | const option = this.getBarOption(['2024-05', '2024-06', '2024-07', '2024-08', '2024-09', '2024-10', '2024-11', '2024-12', '2025-01', '2025-02', '2025-03', '2025-04'], |
| | | [1320, 1322, 1031, 1344, 950, 2360, 210,1320, 1322, 1031, 1344, 950],'#5470c5') |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartDiqu () { |
| | | const chartDom = document.getElementById('tuDiqu') |
| | |
| | | ] |
| | | } |
| | | myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartAnjianleixing () { |
| | | const chartDom = document.getElementById('tuAnjianleixing') |
| | |
| | | } |
| | | |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartShiguleixing () { |
| | | var chartDom = document.getElementById('tuShiguleixing'); |
| | |
| | | ] |
| | | } |
| | | option && myChart.setOption(option); |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartJieanlv () { |
| | | const chartDom = document.getElementById('tuJieanlv') |
| | | const myChart = echarts.init(chartDom) |
| | | const option = this.getLineOption(['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], [120, 132, 101, 134, 90, 230, 210],'rgba(207,58,24,0.83)') |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartGonghzong () { |
| | | var chartDom = document.getElementById('tuGongzhong'); |
| | |
| | | ] |
| | | } |
| | | option && myChart.setOption(option); |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartNianlin () { |
| | | const chartDom = document.getElementById('tuNianlin') |
| | | const myChart = echarts.init(chartDom) |
| | | const option = this.getBarOption(['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], [120, 132, 101, 134, 90, 230, 210],'#80d3ff') |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChartWord () { |
| | | // const color = ['#1890FF', '#13C2C2', '#2FC25B', '#009DFF', '#8496FA'] |
| | |
| | | var xdata = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| | | const option = this.getLineOption(xdata,ydata,'#50A850') |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChart2 () { |
| | | const chartDom = document.getElementById('tu2') |
| | |
| | | var xdata = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| | | const option = this.getLineOption(xdata,ydata,'#f07e6f') |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | setChart3 () { |
| | | const chartDom = document.getElementById('tu3') |
| | |
| | | var xdata = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| | | const option = this.getLineOption(xdata,ydata,'#8951be') |
| | | option && myChart.setOption(option) |
| | | window.addEventListener('resize', function () {//执行 |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | getBarOption(xd,yd,color){ |
| | | const option = { |