<template>
<collapse-item name="渲染器">
<setting-item-box :alone="true">
<template #name>
<n-text>全局</n-text>
<n-tooltip trigger="hover">
<template #trigger>
<n-icon size="21" :depth="3">
<help-outline-icon></help-outline-icon>
</n-icon>
</template>
<n-text>所有echarts图表组件默认都将采用所选的渲染器进行渲染</n-text>
</n-tooltip>
</template>
<EchartsRendererSetting v-model="themeSetting.renderer" />
</setting-item-box>
<setting-item-box :alone="true">
<template #name>
<n-text>当前</n-text>
<n-tooltip trigger="hover">
<template #trigger>
<n-icon size="21" :depth="3">
<help-outline-icon></help-outline-icon>
</n-icon>
</template>
<n-text>仅当前组件采用指定渲染器渲染</n-text>
</n-tooltip>
</template>
<EchartsRendererSetting v-model="optionData.renderer" includeInherit />
</setting-item-box>
</collapse-item>
<collapse-item v-if="title" name="标题">
<template #header>
<n-switch v-model:value="title.show" size="small"></n-switch>
</template>
<setting-item-box name="标题">
<setting-item name="颜色">
<n-color-picker v-model:value="title.textStyle.color" size="small"></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number v-model:value="title.textStyle.fontSize" :min="1" size="small"></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="副标题">
<setting-item name="颜色">
<n-color-picker size="small" v-model:value="title.subtextStyle.color"></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number v-model:value="title.subtextStyle.fontSize" :min="1" size="small"></n-input-number>
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="grid" name="容器">
<setting-item-box name="距离">
<setting-item name="左侧距离">
<n-input v-model:value="grid.left" size="small"></n-input>
</setting-item>
<setting-item name="右侧距离">
<n-input v-model:value="grid.right" size="small"></n-input>
</setting-item>
<setting-item name="上侧距离">
<n-input v-model:value="grid.top" size="small"></n-input>
</setting-item>
<setting-item name="下侧距离">
<n-input v-model:value="grid.bottom" size="small"></n-input>
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="xAxis" name="X轴">
<template #header>
<n-switch v-model:value="xAxis.show" size="small"></n-switch>
</template>
<setting-item-box name="单位">
<setting-item name="名称">
<n-input v-model:value="xAxis.name" size="small"></n-input>
</setting-item>
<setting-item name="颜色">
<n-color-picker size="small" v-model:value="xAxis.nameTextStyle.color"></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number v-model:value="xAxis.nameTextStyle.fontSize" :min="12" size="small"></n-input-number>
</setting-item>
<setting-item name="偏移量">
<n-input-number v-model:value="xAxis.nameGap" :min="5" size="small"></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="标签">
<setting-item name="展示">
<n-space>
<n-switch v-model:value="xAxis.axisLabel.show" size="small"></n-switch>
</n-space>
</setting-item>
<setting-item name="颜色">
<n-color-picker size="small" v-model:value="xAxis.axisLabel.color"></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number v-model:value="xAxis.axisLabel.fontSize" :min="8" size="small"></n-input-number>
</setting-item>
<setting-item name="偏移量">
<n-input-number v-model:value="xAxis.axisLabel.rotate" :min="-90" :max="90" size="small"></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="轴线">
<setting-item name="展示">
<n-space>
<n-switch v-model:value="xAxis.axisLine.show" size="small"></n-switch>
</n-space>
</setting-item>
<setting-item name="颜色">
<n-color-picker v-model:value="xAxis.axisLine.lineStyle.color" size="small"></n-color-picker>
</setting-item>
<setting-item name="粗细">
<n-input-number v-model:value="xAxis.axisLine.lineStyle.width" :min="1" size="small"></n-input-number>
</setting-item>
<setting-item name="位置">
<n-select v-model:value="xAxis.position" size="small" :options="axisConfig.xposition"></n-select>
</setting-item>
<setting-item name="对齐零">
<n-space>
<n-switch v-model:value="xAxis.axisLine.onZero" size="small"></n-switch>
</n-space>
</setting-item>
<setting-item name="反向">
<n-space>
<n-switch v-model:value="xAxis.inverse" size="small"></n-switch>
</n-space>
</setting-item>
</setting-item-box>
<setting-item-box name="刻度">
<setting-item name="展示">
<n-space>
<n-switch v-model:value="xAxis.axisTick.show" size="small"></n-switch>
</n-space>
</setting-item>
<setting-item name="长度">
<n-input-number v-model:value="xAxis.axisTick.length" :min="1" size="small"></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="分割线">
<setting-item name="展示">
<n-space>
<n-switch v-model:value="xAxis.splitLine.show" size="small"></n-switch>
</n-space>
</setting-item>
<setting-item name="颜色">
<n-color-picker v-model:value="xAxis.splitLine.lineStyle.color" size="small"></n-color-picker>
</setting-item>
<setting-item name="粗细">
<n-input-number v-model:value="xAxis.splitLine.lineStyle.width" :min="1" size="small"></n-input-number>
</setting-item>
<setting-item name="类型">
<n-select
v-model:value="xAxis.splitLine.lineStyle.type"
size="small"
:options="axisConfig.splitLint.lineStyle.type"
></n-select>
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="yAxis" name="Y轴">
<template #header>
<n-switch v-model:value="yAxis.show" size="small"></n-switch>
</template>
<setting-item-box name="单位">
<setting-item name="名称">
<n-input v-model:value="yAxis.name" size="small"></n-input>
</setting-item>
<setting-item name="颜色">
<n-color-picker size="small" v-model:value="yAxis.nameTextStyle.color"></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number v-model:value="yAxis.nameTextStyle.fontSize" :min="8" size="small"></n-input-number>
</setting-item>
<setting-item name="偏移量">
<n-input-number v-model:value="yAxis.nameGap" :min="5" size="small"></n-input-number>
</setting-item>
</setting-item-box>
<setting-item-box name="标签">
<setting-item name="展示">
<n-space>
<n-switch v-model:value="yAxis.axisLabel.show" size="small"></n-switch>
</n-space>
</setting-item>
<setting-item name="颜色">
<n-color-picker size="small" v-model:value="yAxis.axisLabel.color"></n-color-picker>
</setting-item>
<setting-item name="大小">
<n-input-number v-model:value="yAxis.axisLabel.fontSize" :min="8" size="small"></n-input-number>
</setting-item>
<setting-item name="偏移量">
<n-input-number v-model:value="yAxis.axisLabel.rotate" :min="-90" :max="90" size="small"></n-input-number>
</set
没有合适的资源?快使用搜索试试~ 我知道了~
毕业设计-烟草数据大屏系统前端.zip
共883个文件
ts:409个
vue:256个
png:91个
0 下载量 166 浏览量
2024-08-28
13:01:27
上传
评论
收藏 6.86MB ZIP 举报
温馨提示
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全栈开发),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助 【资源内容】:项目具体内容可查看/点击本页面下方的*资源详情*,包含完整源码+工程文件+说明(若有)等。【若无VIP,此资源可私信获取】 【本人专注IT领域】:有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为您提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【适合场景】:相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计-烟草数据大屏系统前端.zip (883个子文件)
index.css 1KB
.env 143B
.eslintignore 106B
fragment.fs 680B
.gitignore 59B
index.hbs 379B
index.d.hbs 50B
index.html 739B
favicon.ico 3KB
prompt.js 1KB
.eslintrc.js 799B
prettier.config.js 233B
plopfile.js 135B
.commitlintrc.js 68B
mapWithoutHainanIsLands.json 935KB
china.json 569KB
440000.json 188KB
430000.json 172KB
450000.json 164KB
370000.json 164KB
510000.json 161KB
500000.json 158KB
210000.json 158KB
420000.json 152KB
410000.json 150KB
220000.json 144KB
230000.json 143KB
540000.json 131KB
810000.json 130KB
520000.json 127KB
340000.json 124KB
530000.json 120KB
360000.json 119KB
330000.json 118KB
650000.json 116KB
350000.json 112KB
620000.json 103KB
110000.json 99KB
630000.json 96KB
320000.json 95KB
310000.json 81KB
150000.json 78KB
130000.json 72KB
designColor.json 70KB
610000.json 70KB
120000.json 69KB
140000.json 59KB
640000.json 48KB
460000.json 33KB
data.json 31KB
820000.json 13KB
heatMapData.json 5KB
710000.json 4KB
data.json 3KB
package.json 3KB
data.json 2KB
data.json 2KB
global.theme.json 2KB
data.json 2KB
graph.json 2KB
scatter.json 2KB
data.json 1KB
sankey.json 1KB
data.json 1KB
data.json 1KB
data.json 1024B
treemap.json 820B
tsconfig.json 729B
data.json 657B
data.json 598B
data.json 598B
data.json 598B
data.json 598B
data.json 594B
designColorRecommend.json 555B
data.json 481B
data.json 480B
data.json 449B
data.json 449B
data.json 449B
data.json 406B
macarons.json 342B
roma.json 342B
data.json 334B
data.json 277B
data.json 252B
vintage.json 189B
customed.json 174B
dark.json 174B
map.json 171B
chalk.json 159B
shine.json 159B
wonderland.json 129B
essos.json 129B
walden.json 129B
westeros.json 129B
purple-passion.json 129B
empty.json 53B
LICENSE 1KB
Makefile 427B
共 883 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
热爱技术。
- 粉丝: 2333
- 资源: 7862
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功