jfptweb-publicSecurity-bf.git

			@@ -101,7 +101,7 @@
			import * as echarts from "echarts";

			import geojson from "@/geojson/nanchang.json";
			// import { getList } from "@api/home/home";
			import { getList } from "@/api/home/home";

			export default {
			data() {
			@@ -264,172 +264,185 @@
			onSixEcharts() {
			this.echarts1.clear();
			//改折线图
			// getList.then((res) => {
			// console.log(res, 243423);
			// });
			var option = {
			tooltip: {
			trigger: "axis",
			axisPointer: {
			type: "shadow",
			},
			},
			legend: {
			data: ["注册量", "在线率"],
			align: "right",
			right: 10,
			textStyle: {
			color: "#fff",
			},
			itemWidth: 10,
			itemHeight: 10,
			itemGap: 35,
			},
			grid: {
			left: "3%",
			right: "2%",
			bottom: "3%",
			containLabel: true,
			},
			xAxis: [
			{
			type: "category",
			data: [
			"东湖区",
			"西湖区",
			"青云谱区",
			"青山湖区",
			"新建区",
			"红谷滩区",
			"南昌县",
			"安义县",
			"进贤县",
			],
			axisLine: {
			show: true,
			lineStyle: {
			color: "#063374",
			width: 1,
			type: "solid",
			},
			},
			axisTick: {
			show: false,
			},
			axisLabel: {
			show: true,
			textStyle: {
			color: "#00c7ff",
			},
			rotate: 45,
			var that = this;
			getList().then((res) => {
			var data = [];
			var datax = [];
			var d = res.data.data;
			for (var k in d) {
			data.push(d[k].num);
			datax.push(d[k].region);
			}
			console.log(res, 243423);

			var option = {
			tooltip: {
			trigger: "axis",
			axisPointer: {
			type: "shadow",
			},
			},
			],
			yAxis: [
			{
			type: "value",
			name: "注册量",
			axisLabel: {
			formatter: "{value}",
			legend: {
			data: ["注册量", "在线率"],
			align: "right",
			right: 10,
			textStyle: {
			color: "#fff",
			},
			position: "left",
			axisTick: {
			show: false,
			},
			axisLine: {
			show: false,
			lineStyle: {
			color: "#00c7ff",
			width: 1,
			type: "solid",
			},
			},
			// max: 100,
			// min: 0,
			splitLine: {
			lineStyle: {
			color: "#063374",
			},
			},
			itemWidth: 10,
			itemHeight: 10,
			itemGap: 35,
			},
			{
			type: "value",
			name: "在线率",
			// min: 0,
			// max: 250,
			// interval: 50,
			axisLabel: {
			formatter: "{value} %",
			},
			position: "right",
			axisTick: {
			show: false,
			},
			axisLine: {
			show: false,
			lineStyle: {
			color: "#00c7ff",
			width: 1,
			type: "solid",
			},
			},
			max: 100,
			min: 0,
			splitLine: {
			lineStyle: {
			color: "#063374",
			},
			},
			grid: {
			left: "3%",
			right: "2%",
			bottom: "3%",
			containLabel: true,
			},
			],
			series: [
			{
			name: "注册量",
			type: "bar",
			data: [44, 46, 48, 52, 55, 45, 56, 38, 66],
			barWidth: 6, //柱子宽度
			barGap: 0.4, //柱子之间间距
			itemStyle: {
			normal: {
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{
			offset: 0,
			color: "#008cff",
			},
			{
			offset: 1,
			color: "#005193",
			},
			]),
			opacity: 1,
			xAxis: [
			{
			type: "category",
			data: datax,
			// [
			// "东湖区",
			// "西湖区",
			// "青云谱区",
			// "青山湖区",
			// "新建区",
			// "红谷滩区",
			// "南昌县",
			// "安义县",
			// "进贤县",
			// ],
			axisLine: {
			show: true,
			lineStyle: {
			color: "#063374",
			width: 1,
			type: "solid",
			},
			},
			axisTick: {
			show: false,
			},
			axisLabel: {
			show: true,
			textStyle: {
			color: "#00c7ff",
			},
			rotate: 45,
			},
			},
			},
			{
			name: "在线率",
			type: "line",
			data: [50, 54, 58, 55, 65, 72, 44, 55, 58],
			// barWidth: 6,
			// barGap: 0.4,
			itemStyle: {
			normal: {
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{
			offset: 0,
			color: "#c4e300",
			},
			{
			offset: 1,
			color: "#728400",
			},
			]),
			opacity: 1,
			],
			yAxis: [
			{
			type: "value",
			name: "注册量",
			axisLabel: {
			formatter: "{value}",
			},
			position: "left",
			axisTick: {
			show: false,
			},
			minInterval: 1,
			axisLine: {
			show: false,
			lineStyle: {
			color: "#00c7ff",
			width: 1,
			type: "solid",
			},
			},
			// max: 3,
			// min: 0,
			splitLine: {
			lineStyle: {
			color: "#063374",
			},
			},
			},
			},
			],
			};
			this.echarts1.setOption(option);
			{
			type: "value",
			name: "在线率",
			// min: 0,
			// max: 250,
			// interval: 50,
			axisLabel: {
			formatter: "{value} %",
			},
			position: "right",
			axisTick: {
			show: false,
			},
			axisLine: {
			show: false,
			lineStyle: {
			color: "#00c7ff",
			width: 1,
			type: "solid",
			},
			},
			max: 100,
			min: 0,
			splitLine: {
			lineStyle: {
			color: "#063374",
			},
			},
			},
			],
			series: [
			{
			name: "注册量",
			type: "bar",
			// data: [44, 46, 48, 52, 55, 45, 56, 38, 66],
			data: data,
			barWidth: 6, //柱子宽度
			barGap: 0.4, //柱子之间间距
			itemStyle: {
			normal: {
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{
			offset: 0,
			color: "#008cff",
			},
			{
			offset: 1,
			color: "#005193",
			},
			]),
			opacity: 1,
			},
			},
			},
			{
			name: "在线率",
			type: "line",
			data: [50, 54, 58, 55, 65, 72, 44, 55, 58],
			// barWidth: 6,
			// barGap: 0.4,
			yAxisIndex: 1,
			itemStyle: {
			normal: {
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{
			offset: 0,
			color: "#c4e300",
			},
			{
			offset: 1,
			color: "#728400",
			},
			]),
			opacity: 1,
			},
			},
			},
			],
			};
			that.echarts1.setOption(option);
			});
			},

			createMapJson() {

	src/api/home/home.js	4 ●●●●● patch \| view \| raw \| blame \| history
	src/views/wel/home.vue	329 ●●●●● patch \| view \| raw \| blame \| history
	vue.config.js	1 ●●●●● patch \| view \| raw \| blame \| history

			@@ -1,8 +1,8 @@
			import request from '@/router/axios';

			export const startList = () => {
			export const getList = () => {
			return request({
			url: '/api/blade-user/getUserRegisterStatisticsData',
			method: 'get',
			method: 'get'
			})
			}

			@@ -37,6 +37,7 @@
			'/api': {
			//本地服务接口地址
			target: 'http://s16s652780.51mypc.cn/api/',
			// target: 'http://192.168.0.114:82/',
			//target: 'http://localhost:82/',
			//target: 'https://web.byisf.com/api/',
			//远程演示服务地址,可用于直接启动项目