- 博客(21)
- 收藏
- 关注
RSS订阅原创 echarts——饼图
1.示例图2.echarts配置var option; option = { legend: { // 图例 icon: "circle", orient: "verticalAlign", // 垂直显示 x: "800px", // 居右显示 y: "center", // 延y轴居中 textStyle: { fon
2022-01-20 10:56:31
1088
1
原创 echarts——饼图+实线阴影+虚线外边展示图
1.示例图2.echarts配置option = { title: { text: '5', x: 'center', y: '30%', itemGap: 5, textStyle: { color: '#000', fontSize: 200, }, subtext: 'BBU', subtextStyle: { color: '#7a7c89', fontSize: 80.
2022-01-20 10:54:28
3355
原创 echarts——折线走势图（小）
1.示例图2.echarts配置option = { backgroundColor:"#1c1c1c", xAxis: [ { type: 'category', axisLine: { show: false, }, axisLabel: { show: false, .
2022-01-20 10:52:40
964
原创 echarts——进度条
1.示例图2.echarts配置option = { backgroundColor: '#00043A', tooltip: { trigger: 'axis', show: false, axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' }, }, legend:
2022-01-20 10:49:38
2356
原创 echarts——波浪滚动折线图
1.示例图2.echarts配置option = { color: ['#22DCB8', '#F47100'], tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' }, .
2022-01-20 10:45:55
2909
原创 echarts——横向柱状堆叠图
1.示例图2.echarts配置var data = { data: [[320], [120], [220], [150]], legend: ['华为', '中兴', '烽火', '瑞斯'], } var option; var colors = ['#4C98FB', '#83CCE7', '#26C7C8', '#73DEBD']; option = { color: colors,
2022-01-20 10:42:15
3426
原创 echarts——柱状堆叠图
1.示例图2.echarts配置var data = { area: ['3G', '4G', '5G-SA', '5G-NSA'], legend: ['华为', '中兴', '烽火', '瑞斯'], data: [ [320, 302, 901, 634], [320, 302, 301, 334], [320, 302, 301, 334], [320, 302, 301, 334], ],
2022-01-20 10:40:20
2454
原创 echarts——仪表盘
1.示例图2.echarts配置var option;var placeHolderStyle = { label: { show: false, }, labelLine: { show: false, }, color: 'rgba(0,0,0,0)', borderWidth: 0,};option = { backgroundColor:"#000", title:{ te
2022-01-20 10:37:40
3594
原创 vis.js 双击获取所点节点与边的详细信息
network.on("doubleClick", function (properties) { var ids = properties.nodes; var clickedNodes = nodes.get(ids); // 获取的节点信息 console.log("clicked nodes:", clickedNodes); var eds = properties.edges; var clicke.
2021-11-09 15:30:31
1169
原创 CSS设置 禁用页面内容选中和复制操作
.class{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}转载于通过CSS禁用页面内容选中和复制操作_NDSC1994的博客-优快云博客
2021-11-09 09:31:07
373
原创 在Vue-cli3中 区分环境打包
https://blog.youkuaiyun.com/qq_42268364/article/details/105452487
2021-08-17 09:41:27
122
原创 VUE中后端发送数据流，前端接收并下载文件为csv格式
一、html部分<el-table-column label="下载"> <template #default="scope"> <button class="downLoad" @click="downLoad(scope.row.fileName)">下载</button> </template></el-table-column>二、接口部分OTNInspections.js//.
2021-07-15 15:35:43
1735
1
原创 echarts——饼图
效果如下图所示代码如下所示var option; option = { legend: { // 图例 icon: "circle", orient: "verticalAlign", // 垂直显示 x: "800px", // 居右显示 y: "center", // 延y轴居中 textStyle: {..
2021-07-15 14:57:48
566
原创 echarts——饼图/仪表盘
效果如下图所示代码如下所示var option; var placeHolderStyle = { label: { show: false }, labelLine: { show: false }, color: "rgba(0,0,0,0)", borderWidth: 0 }; o..
2021-07-15 14:51:28
745
原创 echarts——多层同心圆
效果如下图所示代码如下var option;var getname = ['正常', '质差', '疑似中断'];var getvalue = [5, 2, 1];let chartData = getname.map((item, index) => { return { name: item, value: getvalue[index] };});var arrName = [];var arrValue = [];v..
2021-07-15 14:36:17
1235
原创 echarts——同心南丁格尔玫瑰图叠加
自己摸索着画的，效果如下图所示代码如下let echartData = { // 外圆数据 outer: [ { value: 3, name: '3', itemStyle: { color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [ { .
2021-07-15 14:33:07
1214
原创 vue中element-plus动态选择表格列的显示与隐藏
工作中的记录一、html部分（一定要有key值）<div class="table-box"> <el-table :data="tableData" max-width="430px"> <el-table-column type="index" label="序号" width="50px"></el-table-column> <el-table-column prop=
2021-07-15 14:19:58
5179
原创 vue中滚动条样式设置
//滚动条的宽度::v-deep(::-webkit-scrollbar) { width: 10px; height: 10px;}//滚动条的滑块::v-deep(::-webkit-scrollbar-thumb) { background-color: #a1a3a9; border-radius: 3px;}
2021-06-25 14:42:37
635
原创 vue3.0+vis.js网络拓扑图点击节点的展开与收缩
1.npm安装vis.jsnpm install vis2.在页面引入vis的DataSetimport { DataSet, Network } from "vis";
2021-05-28 16:23:38
4385
1
原创 element-plus中loading的加载与关闭
element-plus中loading的加载与关闭1.开启加载startLoading() { const loading = this.$loading({ lock: true, text: "Loading", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)" }); return loading;},2.关闭加载endLoad
2021-05-19 17:38:24
8104
5
原创 vue+element-pus实现表格拖拽功能
一、引入插件(sortable.js)npm install sortable.js --save二、Sortable使用import Sortable from 'sortablejs';三、实例html部分element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况。<el-table :data="list" row-key="id"> <el-table-colum.
2021-05-19 14:24:32
1027
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人