提交 9ca77a28 authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 dbb9d172
import request from "@/api/request.js";
// 风险信号
export function getRiskSignal(params) {
return request({
method: 'GET',
url: `/api/commonFeature/riskSignal/${params.moduleId}`,
})
}
// 新闻资讯
export function getNews(params) {
return request({
method: 'GET',
url: `/api/commonFeature/news/${params.moduleId}`,
})
}
// 社交媒体
export function getRemarks(params) {
return request({
method: 'GET',
url: `/api/commonFeature/remarks/${params.moduleId}`,
})
}
\ No newline at end of file
import request from "@/api/request.js";
// 概览页--------------------------------------------------------------------
// 概览统计
export function getStatCount() {
return request({
method: 'GET',
url: `/api/marketsearchHome/statCount`
})
}
// 分类接口
export function getStatSort() {
return request({
method: 'GET',
url: `/api/marketsearchHome/statSort`
})
}
// 调查进展
export function getStatDetails() {
return request({
method: 'GET',
url: `/api/marketsearchHome/statDetails`
})
}
// 调查数量
/**
* @param {byYorM}
*/
export function getStatNum(params) {
return request({
method: 'GET',
url: `/api/marketsearchHome/statNum`,
params
})
}
// 制裁领域分布
/**
* @param {years}
*/
export function getStatArea(params) {
return request({
method: 'GET',
url: `/api/marketsearchHome/statArea`,
params
})
}
// 受调查企业地域分布
/**
* @param {years}
*/
export function getCompanyPlace(params) {
return request({
method: 'GET',
url: `/api/marketsearchHome/getOrgDistribution`,
params
})
}
// 制裁领域分布-企业接口分布
/**
* @param {years}
*/
export function getStatAreaCompanyList() {
return request({
method: 'GET',
url: `/api/marketsearchHome/getOrgSanctionsDomain`,
})
}
// 资源库
// 左侧行业领域列表
export function getHylyList() {
return request({
method: 'GET',
url: `/api/billImpactAnalysis/industry/hylyList`,
})
}
// 获取调查列表接口
/**
* @param {currentPage, pageSize, sortCode, publishYear, Area, sortField, sortOrder}
*/
export function getSurveyList(params) {
return request({
method: 'GET',
url: `/api/marketsearchHome/statList`,
params
})
}
// 详情页---------------------------------------------------
// 获取调查列表接口
/**
* @param { sortCode }
*/
export function getSurvyInfo(params) {
return request({
method: 'GET',
url: `/api/marketsearchHome/statSortDetails`,
params
})
}
\ No newline at end of file
...@@ -67,6 +67,48 @@ ...@@ -67,6 +67,48 @@
class="content ai-content" class="content ai-content"
v-html="renderMarkdown(message.content)" v-html="renderMarkdown(message.content)"
></div> ></div>
<div v-if="message.raw_data" class="answer-title">完整实体列表</div>
<div v-if="message.raw_data" class="content row-content">
<div class="row-header">
<div class="row-header-item1">{{ message.raw_data.columns.name_zhs }}</div>
<div class="row-header-item">{{ message.raw_data.columns.date }}</div>
<div class="row-header-item">{{ message.raw_data.columns.industry }}</div>
<div class="row-header-item">{{ message.raw_data.columns.category }}</div>
<div class="row-header-item2">{{ message.raw_data.columns.sanction_reason }}</div>
</div>
<div class="row-main">
<div
class="row-main-item"
v-for="(item, index) in message.raw_data.rows"
:key="index"
>
<el-popover
effect="dark"
:width="500"
:content="item.name_zhs"
placement="top-start"
>
<template #reference>
<div class="item-item1">{{ item.name_zhs }}</div>
</template>
</el-popover>
<div class="item-item">{{ item.date }}</div>
<div class="item-item">{{ item.industry }}</div>
<div class="item-item">{{ item.category }}</div>
<el-popover
effect="dark"
:width="400"
:content="item.sanction_reason"
placement="top-start"
>
<template #reference>
<div class="item-item2">{{ item.sanction_reason }}</div>
</template>
</el-popover>
</div>
</div>
</div>
</div> </div>
<!-- 用户消息 --> <!-- 用户消息 -->
<div v-else class="user-item"> <div v-else class="user-item">
...@@ -184,7 +226,39 @@ const messages = ref([ ...@@ -184,7 +226,39 @@ const messages = ref([
// source: [ // source: [
// `完整检索实体名单: \n\n 中国科学院空天信息创新研究院\n\n北京复旦微电子技术有限公司\n\n北京天宜源生物科技有限公司\n\n北京擎科生物科技有限公司\n长沙南飞电子技术有限公司\n常州南飞微电子有限公司\n成都南飞微电子有限公司\n中国科学院国家授时中心\n吉姆西半导体科技(无锡)有限公司\n香港德铭电子有限公司\n华科物流(香港)有限公司\n华科供应链(香港)有限公司\n积村半导体科技(上海)有限公司\n生工生物工程(上海)股份有限公司\n上海复旦微电子集团股份有限公司\n上海复旦微电子(香港)有限公司\n上海富控华龙微电子系统技术有限公司\n上海富维迅捷数字科技有限公司\n上海索辰信息科技有限公司\n深圳复旦微电子有限公司\n深圳南飞微电子有限公司\n深圳新力康供应链管理有限公司\n盛美半导体设备(上海)股份有限公司\n总数量:23` // `完整检索实体名单: \n\n 中国科学院空天信息创新研究院\n\n北京复旦微电子技术有限公司\n\n北京天宜源生物科技有限公司\n\n北京擎科生物科技有限公司\n长沙南飞电子技术有限公司\n常州南飞微电子有限公司\n成都南飞微电子有限公司\n中国科学院国家授时中心\n吉姆西半导体科技(无锡)有限公司\n香港德铭电子有限公司\n华科物流(香港)有限公司\n华科供应链(香港)有限公司\n积村半导体科技(上海)有限公司\n生工生物工程(上海)股份有限公司\n上海复旦微电子集团股份有限公司\n上海复旦微电子(香港)有限公司\n上海富控华龙微电子系统技术有限公司\n上海富维迅捷数字科技有限公司\n上海索辰信息科技有限公司\n深圳复旦微电子有限公司\n深圳南飞微电子有限公司\n深圳新力康供应链管理有限公司\n盛美半导体设备(上海)股份有限公司\n总数量:23`
// ], // ],
// content: `2025年9月实体清单的主要制裁实体、制裁原因\n\n 时间范围\n-当前查询的时间范围为:2025年9月16日。` // content: `2025年9月实体清单的主要制裁实体、制裁原因\n\n 时间范围\n-当前查询的时间范围为:2025年9月16日。`,
// raw_data: {
// columns: {
// category: "实体类别",
// date: "制裁日期",
// industry: "所属行业",
// name_zhs: "实体名称",
// sanction_reason: "制裁理由"
// },
// rows: [
// {
// category: "科研机构",
// date: "2025-09-16",
// industry: "航空航天",
// name_zhs: "中国科学院空天信息创新研究院",
// sanction_reason: "与中国高空气球计划有关联"
// },
// {
// category: "科研机构",
// date: "2025-09-16",
// industry: "航空航天",
// name_zhs: "中国科学院空天信息创新研究院",
// sanction_reason: "与中国高空气球计划有关联"
// },
// {
// category: "科研机构",
// date: "2025-09-16",
// industry: "航空航天",
// name_zhs: "中国科学院空天信息创新研究院",
// sanction_reason: "与中国高空气球计划有关联"
// }
// ]
// }
// } // }
]); ]);
...@@ -419,6 +493,13 @@ const connectSSE = async question => { ...@@ -419,6 +493,13 @@ const connectSSE = async question => {
aiMessage.value += content; aiMessage.value += content;
updateLastAIMessage(aiMessage.value); updateLastAIMessage(aiMessage.value);
} }
if (msgData.raw_data) {
const lastMessage = messages.value[messages.value.length - 1];
if (lastMessage && lastMessage.type === "ai") {
lastMessage.raw_data = msgData.raw_data;
scrollToBottom();
}
}
// if (res.event === "end_of_workflow") { // if (res.event === "end_of_workflow") {
// ElMessage.success("问答完成!"); // ElMessage.success("问答完成!");
// abortController.value.abort(); // abortController.value.abort();
...@@ -703,6 +784,14 @@ const chat = async question => { ...@@ -703,6 +784,14 @@ const chat = async question => {
} }
} }
if (data.raw_data) {
const lastMessage = messages.value[messages.value.length - 1];
if (lastMessage && lastMessage.type === "ai") {
lastMessage.raw_data = data.raw_data;
scrollToBottom();
}
}
if (data.detail.error) { if (data.detail.error) {
console.log(data.detail.error.message); console.log(data.detail.error.message);
// ElMessage.error(data.detail.error.message); // ElMessage.error(data.detail.error.message);
...@@ -1144,6 +1233,78 @@ onUnmounted(() => { ...@@ -1144,6 +1233,78 @@ onUnmounted(() => {
padding: 1px 10px; padding: 1px 10px;
border-radius: 5px; border-radius: 5px;
} }
.row-content {
margin-top: 10px;
width: 900px;
margin-left: 26px;
background: rgba(246, 250, 255, 1);
padding: 1px 10px;
border-radius: 5px;
.row-header {
height: 40px;
line-height: 40px;
font-family: Microsoft-YaHei;
font-size: 20px;
color: #555;
font-weight: bold;
display: flex;
border-bottom: 1px solid #999;
.row-header-item {
text-align: center;
width: 150px;
border-right: 1px solid #999;
}
.row-header-item1 {
text-align: center;
width: 250px;
border-right: 1px solid #999;
}
.row-header-item2 {
text-align: center;
width: 200px;
}
}
.row-main {
padding-bottom: 10px;
.row-main-item {
height: 35px;
line-height: 35px;
font-family: Microsoft-YaHei;
font-size: 14px;
color: #555;
display: flex;
border-bottom: 1px solid #ccc;
.item-item {
width: 150px;
text-align: center;
border-right: 1px solid #ccc;
}
.item-item1 {
width: 250px;
text-align: center;
border-right: 1px solid #ccc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
&:hover {
background: var(--color-bg-hover);
}
}
.item-item2 {
width: 200px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
&:hover {
background: var(--color-bg-hover);
}
}
}
}
}
} }
.user-item { .user-item {
margin-top: 32px; margin-top: 32px;
......
...@@ -395,17 +395,17 @@ onMounted(() => { ...@@ -395,17 +395,17 @@ onMounted(() => {
background: rgba(246, 250, 255, 1); background: rgba(246, 250, 255, 1);
display: flex; display: flex;
.info-left { .info-left {
width: 97px; width: 242px;
height: 136px; height: 136px;
margin-top: 25px; margin-top: 25px;
margin-left: 28px; margin-left: 28px;
img { img {
width: 100%; width: 100%;
height: 100%; // height: 100%;
} }
} }
.info-right { .info-right {
margin-left: 35px; margin-left: 20px;
margin-top: 22px; margin-top: 22px;
.info-item { .info-item {
display: flex; display: flex;
...@@ -422,7 +422,7 @@ onMounted(() => { ...@@ -422,7 +422,7 @@ onMounted(() => {
line-height: 24px; line-height: 24px;
} }
.item-right { .item-right {
width: 899px; width: 769px;
height: 30px; height: 30px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
......
...@@ -224,8 +224,10 @@ onMounted(() => { ...@@ -224,8 +224,10 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.layout-container { .layout-container {
width: 1920px; width: 100vw;
height: 1016px; height: 100vh;
min-width: 1920px;
min-height: 1016px;
background: rgba(249, 250, 252, 1); background: rgba(249, 250, 252, 1);
position: relative; position: relative;
.layout-main { .layout-main {
......
...@@ -444,8 +444,9 @@ onMounted(() => { ...@@ -444,8 +444,9 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrapper { .wrapper {
width: 100%; width: 100%;
height: 879px; height: 100%;
display: flex; display: flex;
justify-content: center;
.box-header { .box-header {
display: flex; display: flex;
height: 48px; height: 48px;
......
...@@ -328,22 +328,22 @@ onMounted(() => { ...@@ -328,22 +328,22 @@ onMounted(() => {
} }
} }
.left { .left {
width: 1150px; width: 1064px;
.box1 { .box1 {
margin-top: 16px; margin-top: 16px;
width: 1150px; width: 1064px;
height: 414px; height: 414px;
border-radius: 4px; border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2); box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
.box1-main { .box1-main {
margin-left: 22px; margin-left: 22px;
width: 1120px; width: 1034px;
height: 290px; height: 290px;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
.box1-item { .box1-item {
width: 1101px; width: 1015px;
min-height: 48px; min-height: 48px;
margin-bottom: 8px; margin-bottom: 8px;
box-sizing: border-box; box-sizing: border-box;
...@@ -364,7 +364,7 @@ onMounted(() => { ...@@ -364,7 +364,7 @@ onMounted(() => {
color: #0a57a6; color: #0a57a6;
} }
.title { .title {
width: 1000px; width: 914px;
line-height: 24px; line-height: 24px;
margin-left: 13px; margin-left: 13px;
// overflow: hidden; // overflow: hidden;
...@@ -398,16 +398,16 @@ onMounted(() => { ...@@ -398,16 +398,16 @@ onMounted(() => {
} }
.box2 { .box2 {
margin-top: 16px; margin-top: 16px;
width: 1150px; width: 1064px;
height: 415px; height: 415px;
border-radius: 4px; border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2); box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
.box2-main { .box2-main {
margin-top: 3px; margin-top: 3px;
margin-left: 31px; margin-left: 31px;
height: 330px; height: 330px;
width: 1090px; width: 1004px;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
.box2-item { .box2-item {
...@@ -424,7 +424,7 @@ onMounted(() => { ...@@ -424,7 +424,7 @@ onMounted(() => {
} }
} }
.item-center { .item-center {
width: 892px; width: 806px;
margin-left: 14px; margin-left: 14px;
.title { .title {
height: 30px; height: 30px;
...@@ -436,7 +436,7 @@ onMounted(() => { ...@@ -436,7 +436,7 @@ onMounted(() => {
margin-top: -5px; margin-top: -5px;
} }
.content { .content {
width: 892px; width: 806px;
height: 30px; height: 30px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -477,14 +477,14 @@ onMounted(() => { ...@@ -477,14 +477,14 @@ onMounted(() => {
margin-left: 16px; margin-left: 16px;
.box3 { .box3 {
margin-top: 16px; margin-top: 16px;
width: 576px; width: 520px;
height: 845px; height: 845px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2); box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
.box3-main { .box3-main {
margin-top: 9px; margin-top: 9px;
width: 520px; width: 464px;
height: 720px; height: 720px;
// overflow: hidden; // overflow: hidden;
overflow-y: auto; overflow-y: auto;
...@@ -509,7 +509,7 @@ onMounted(() => { ...@@ -509,7 +509,7 @@ onMounted(() => {
color: #0a57a6; color: #0a57a6;
} }
.item-header { .item-header {
width: 440px; width: 384px;
height: 35px; height: 35px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -518,7 +518,7 @@ onMounted(() => { ...@@ -518,7 +518,7 @@ onMounted(() => {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
.name { .name {
max-width: 460px; max-width: 384px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
......
...@@ -61,11 +61,12 @@ onMounted(() => { ...@@ -61,11 +61,12 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.decree-overview-wrap { .decree-overview-wrap {
width: 1920px; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background: rgba(247, 248, 249, 1); background: rgba(247, 248, 249, 1);
display: flex; display: flex;
justify-content: center;
.left { .left {
width: 160px; width: 160px;
padding-top: 16px; padding-top: 16px;
......
...@@ -477,16 +477,17 @@ handleGetOrgnization(); ...@@ -477,16 +477,17 @@ handleGetOrgnization();
.box1-main { .box1-main {
display: flex; display: flex;
.box1-main-left { .box1-main-left {
width: 235px; width: 395px;
height: 332px; height: 332px;
margin-left: 42px; margin-left: 42px;
img { img {
width: 100%; width: 100%;
height: 100%; // height: 100%;
} }
} }
.box1-main-right { .box1-main-right {
margin-left: 40px; width: 590px;
margin-left: 20px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-size: 16px; font-size: 16px;
......
...@@ -8,7 +8,7 @@ const getBarChart = (originalData) => { ...@@ -8,7 +8,7 @@ const getBarChart = (originalData) => {
tooltip: {}, tooltip: {},
grid: { grid: {
top: '3%', top: '3%',
right: '3%', right: 66,
bottom: '1%', bottom: '1%',
left: '1%', left: '1%',
containLabel: true containLabel: true
......
import * as echarts from 'echarts' import * as echarts from 'echarts'
const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { const getMultiLineChart = (data) => {
console.log('dataaaa',data);
return { return {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
...@@ -13,9 +15,9 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { ...@@ -13,9 +15,9 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
}, },
grid: { grid: {
top: '15%', top: '15%',
right: '5%', right: '3%',
bottom: '5%', bottom: '5%',
left: '5%', left: '3%',
containLabel: true containLabel: true
}, },
legend: { legend: {
...@@ -28,7 +30,7 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { ...@@ -28,7 +30,7 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
{ {
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,
data: dataX data: data.title
} }
], ],
yAxis: [ yAxis: [
...@@ -38,7 +40,7 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { ...@@ -38,7 +40,7 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
], ],
series: [ series: [
{ {
name: '337调查', name: data.data[0].name,
type: 'line', type: 'line',
areaStyle: { areaStyle: {
...@@ -53,10 +55,10 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { ...@@ -53,10 +55,10 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: dataY1 data: data.data[0].value
}, },
{ {
name: '301调查', name: data.data[1].name,
type: 'line', type: 'line',
areaStyle: { areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
...@@ -70,10 +72,10 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { ...@@ -70,10 +72,10 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: dataY2 data: data.data[1].value,
}, },
{ {
name: '232调查', name: data.data[2].name,
type: 'line', type: 'line',
areaStyle: { areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
...@@ -87,7 +89,7 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => { ...@@ -87,7 +89,7 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
emphasis: { emphasis: {
focus: 'series' focus: 'series'
}, },
data: dataY3 data: data.data[2].value,
} }
] ]
} }
......
const getRadarChart = () => { const getRadarChart = (data) => {
const indicators = [ // const indicators = [
{ name: "集成电路", max: 10 }, // { name: "集成电路", max: 10 },
{ name: "能源领域", max: 10 }, // { name: "能源领域", max: 10 },
{ name: "量子科技", max: 10 }, // { name: "量子科技", max: 10 },
{ name: "通信网络", max: 10 }, // { name: "通信网络", max: 10 },
{ name: "人工智能", max: 10 }, // { name: "人工智能", max: 10 },
{ name: "生物科技", max: 10 } // { name: "生物科技", max: 10 }
]; // ];
const indicators = data.title.map(item => {
return {
name: item, max: data.maxNum
}
})
const data337 = [9, 6, 6, 6, 9, 7]; const data337 = [9, 6, 6, 6, 9, 7];
const data301 = [5, 3, 7, 8, 7, 9]; const data301 = [5, 3, 7, 8, 7, 9];
const data232 = [4, 10, 3, 4, 2, 5]; const data232 = [4, 10, 3, 4, 2, 5];
...@@ -67,9 +72,10 @@ const getRadarChart = () => { ...@@ -67,9 +72,10 @@ const getRadarChart = () => {
}, },
series: [ series: [
{ {
name: "337调查", // name: "337调查",
name: data.data[0].name,
type: "radar", type: "radar",
data: [{ value: data337 }], data: [{ value: data.data[0].value }],
lineStyle: { lineStyle: {
width: 2, width: 2,
color: "rgba(5, 95, 194,1)" color: "rgba(5, 95, 194,1)"
...@@ -80,9 +86,9 @@ const getRadarChart = () => { ...@@ -80,9 +86,9 @@ const getRadarChart = () => {
} }
}, },
{ {
name: "301调查", name: data.data[1].name,
type: "radar", type: "radar",
data: [{ value: data301 }], data: [{ value: data.data[1].value }],
lineStyle: { lineStyle: {
width: 2, width: 2,
color: "rgba(250, 140, 22, 1)" color: "rgba(250, 140, 22, 1)"
...@@ -93,9 +99,9 @@ const getRadarChart = () => { ...@@ -93,9 +99,9 @@ const getRadarChart = () => {
} }
}, },
{ {
name: "232调查", name: data.data[2].name,
type: "radar", type: "radar",
data: [{ value: data232 }], data: [{ value: data.data[2].value }],
lineStyle: { lineStyle: {
width: 2, width: 2,
color: "rgba(146, 84, 222, 1)" color: "rgba(146, 84, 222, 1)"
......
...@@ -801,9 +801,9 @@ onMounted(() => { ...@@ -801,9 +801,9 @@ onMounted(() => {
.box1-main-right { .box1-main-right {
margin-left: 38px; margin-left: 38px;
margin-top: 26px; margin-top: 6px;
width: 800px; width: 800px;
height: 270px; height: 300px;
} }
} }
......
...@@ -3,7 +3,7 @@ const getPieChart = (data) => { ...@@ -3,7 +3,7 @@ const getPieChart = (data) => {
series: [ series: [
{ {
type: 'pie', type: 'pie',
radius: [70, 100], radius: [80, 110],
height: '100%', height: '100%',
left: 'center', left: 'center',
width: '100%', width: '100%',
......
...@@ -16,12 +16,19 @@ const getPieChart = (data) => { ...@@ -16,12 +16,19 @@ const getPieChart = (data) => {
formatter: '{name|{b}}\n{time|{c} 条 {d}%}', formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
minMargin: 5, minMargin: 5,
edgeDistance: 10, edgeDistance: 10,
lineHeight: 15, lineHeight: 24,
rich: { rich: {
time: { name: {
fontSize: 10, fontSize: 16,
color: '#999' color: 'rgba(59, 65, 75, 1)',
} fontFamily: 'Microsoft YaHei',
fontWeight: 700
},
time: {
fontSize: 16,
color: 'rgba(95, 101, 108, 1)',
fontFamily: 'Microsoft YaHei',
}
} }
}, },
labelLine: { labelLine: {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论