vaemusic / datav-vue3 Goto Github PK

在折线图数据为[0,0,10,0,0]，smooth=true，时0-10之间会回显负数，这是charts内部算法问题，您可否解决一下，感谢。
图示：

详细描述：https://www.zhihu.com/question/533645281/answer/2493641854

大佬，我在使用dv-conical-column-chart组件时，遇到2个问题，看看您能否解决

1.这个组件中每根柱是自动排序的，值最高的排第1，但是我们这里大家习惯按循序看，不愿意排序好的
例如：我们就喜欢：第1个是S1线，第2个是S2线，第3个是S3线，循序乱了，大家不习惯

2.columnColor | 柱颜色 ，能不能给每根柱单独配置颜色

当然，我们提的要求可能不合理，或者您不方便实现，那就算了，再次谢谢您开源提供这套组件

dv-capsule-chart的文字是白色的,如果我的背景也是白色,那就无法看清楚文字

可否像dv-conical-column-chart有一个textColor 可以配置 文字颜色

默认的文字大小偏小，最好可以有一个参数允许修改文字大小
https://s1.ax1x.com/2022/07/24/jjZfg0.png

如题，胶囊柱图CapsuleChart底部labelData现在默认显示6个数值，如果地方太小，6个数值就挤在一起显示了，能价格配置设置显示的数量么，感谢！

大佬你好 有个问题

比如我一个页面用了好几个 dv-border-box3 边框

然后每个边框设置不同的颜色

结果页面所有的dv-border-box3 边框颜色都和最后一个边框一样 全都都一个颜色 好像共用一个全局变量一样

能不能各自有各自的颜色 互不干扰？？

原来的vue2估计也有这个问题。这边找不到原因。怀疑是VUE2复用dom导致的？。
复现代码：https://codesandbox.io/p/sandbox/determined-blackburn-fxctwg?file=/src/App.vue:15,30

麻烦大佬帮看看或者告诉下原因(●'◡'●)

dv-water-level-pond组件中的文字是否可以自己配置颜色和大小

谢谢大佬！

const config = reactive( {
data : [ 66 , 85 , 15 ] ,
formatter : '{value}个' ,
colors : [ '#111011' , '#d92ad9' , '#ce0e0e' ]
} )

修改标签的宽高，内部svg无法自动缩放。控制台有报错：
Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

控制台输出了太多的change，导致很混乱

作者你好。

单纯的放上边框，没有加东西，浏览器 CPU 占用在 10% 左右波动。
注释掉 Border11 或者换用其它 Border 之后降回 1% 左右。

"vue": "^3.2.13"
"@liveqing/liveplayer-v3": "^3.1.9"
操作系统：win11
处理器：i5-1135G7 四核心八线程
浏览器：105.0.1343.53 （edge）和 104.0.5112.102（chrome）。

<BorderBox11 title="统计" :color="defaultColor">
  <div class="chart-box">
         //
  </div>
</BorderBox11>

最终测试下来，是边框11的问题，不用边框11 gpu和cpu的占用率就下去了

需要麻烦看看边框11的组件是否有内存溢出的问题

我通过这样的方式添加了一个按钮：
<dv-button @click='editParams' border="Border5" style="width: 90px; height: 25px" color="#c8161d" font-color="#e18a3b" fontSize="11">调整相机参数</dv-button>
效果是整个按钮框比较宽，文字比较小，并且会导致换行，其效果和原因如下图所示：


如果我能修改这个class='dv-button'要素的padding值，就可以达到想要的效果。
所以想请教一下大佬，在添加按钮的时候，怎样把这样的样式设置参数传递下去，非常感谢！

想请教一下大佬，vue3通过接口获取到数据后，设置进config为什么无效？
数据有，但就是不显示。

in ./node_modules/@kjgl77/datav-vue3/dist/datav-vue3.es.js

Module parse failed: Unexpected token (11867:16)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| function yi(e, t) {
| var r = typeof e;

return t = t ?? md, !!t && (r == "number" || r != "symbol" && yd.test(e)) && e > -1 && e % 1 == 0 && e < t;
| }
| function Ln(e, t, r) {

版本是 1.2.1

运行报错

注释掉这个文件内的 yi这个函数后就可以了

大佬，就是那个轮播表有没有办法知道到底哪一个item滚动到第一个了。 然后就可以进行其他组件随着轮播表滚动而做出改变啥的。 这个小需求

文档地址好像访问不了了

nuxt怎么使用，官方的datav是没办法用。出错。

PLEASE READ: I originally made this template for myself to mocking up apps quicker. I am glad to see you are willing to give it a try! Before your open the issue, please make sure you are reporting bugs in the template itself. I am NOT creating this template to solve the problems you faced in your project, please use Vue or Vite's discord server to ask questions. Thank you.

Describe the bug/issue

滚动表，行内使用 p、span 标签时，.ceil高度为零仍然会显示刚刚滚动过去的一行，可以设置 .ceil {overflow: hidden}

我的页面背景是白色的，dv-active-ring-chart的环中间文字看不清，能否增加一个配置文字颜色的属性？谢谢

假如data-v更新版本了，你这个库需要同步更新吗，代码库能兼容新版本吗？

         <dv-charts :option="option1"
                   style="width:100%;height:15rem;"/>

        <button @click="updateData">修改数据</button>

function updateData () {
option1.series[ 0 ].data = [ 100 , 130 , 900 , 100 , 500 , 200 , 985 ];
}

const option1 = {
title : {
text : '周销售额趋势'
} ,
xAxis : {
name : '第一周' ,
data : [ '周一' , '周二' , '周三' , '周四' , '周五' , '周六' , '周日' ]
} ,
yAxis : {
name : '销售额' ,
data : 'value'
} ,
series : [
{
data : [ 1200 , 2230 , 1900 , 2100 , 3500 , 4200 , 3985 ] ,
type : 'line'
}
]
}

请教大佬，我点击“修改数据”按钮后，图表没有反映，没有变化，请教一下，是还需要什么吗？

请问如何修改轮播表行号字体大小和列表内容文字大小

const config = reactive( {
data : [
{
name : '南阳' ,
value : 167
} ,
{
name : '周口' ,
value : 123
} ,
{
name : '漯河' ,
value : 98
} ,

] ,
showValue : true ,
unit : '万元'

} )

function click1 () {
config.data = [];
}

我单击赋值空数组，好像页面无反应

建议翻牌计数器取消 aspect-ratio 属性


如图 造成的间距非常大 很不好调整

大佬，dv-digital-flop组件，我发现好像在页面首次打开或者刷新时，是没有动画效果的
但是，我做一个按钮修改里面的值，会发生动画效果

我的布局代码是这样，加载出来之后两个按钮一直保持换行状态，怎样能让它们并列：

<dv-border-box-12>
     <center-left1 />
     <div>
        <dv-button @click='visible' border="Border2" style="width: 110px;height: 30px" color="#4c8045">可视域分析</dv-button>
        <dv-button @click='thermodynamic' border="Border5" style="width: 110px;height: 30px" color="#e18a3b">热力图分析</dv-button>
     </div>
</dv-border-box-12>

我使用的环境如下：

"dependencies": {
    "@jiaminghi/data-view": "^2.10.0",
    "@kjgl77/datav-vue3": "^1.7.1",
    "@types/cesium": "^1.70.0",
    "cesium": "~1.111.0",
    "core-js": "^3.6.5",
    "crypto-browserify": "^3.12.0",
    "echarts": "^5.1.1",
    "node-polyfill-webpack-plugin": "^2.0.1",
    "sprintf": "^0.1.5",
    "vue": "^3.0.0",
    "vue-class-component": "^8.0.0-0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
  }

main.ts内容如下：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import dataV from '@jiaminghi/data-view';
import DataVVue3 from '@kjgl77/datav-vue3'
import './assets/scss/style.scss';
import './assets/icon/iconfont.css'
import PublicComponent from '@/components/componentInstall';

const app = createApp(App)
app.use(PublicComponent)
app.use(dataV)
app.use(store)
app.use(router)
app.use(DataVVue3)
app.mount('#app')

怀疑是不是因为同时使用data-view和datav-vue3造成的，找了很久没解决，麻烦大佬帮忙看下，多谢！

大佬，dv-scroll-ranking-board的文字好像默认是白色的，我的程序背景也是白色的，所以看不清文字了，能否增加一个配置文字颜色的属性? 谢谢！

textColor | 文字颜色

.pnpm@[email protected][email protected]\node_modules@kjgl77\datav-vue3\dist\datav-vue3.es.js:1
import './style.css';
^^^^^^

SyntaxError: Cannot use import statement outside a module
at Object.compileFunction (node:vm:352:18)
at wrapSafe (node:internal/modules/cjs/loader:1033:15)
at Module._compile (node:internal/modules/cjs/loader:1069:27)
at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Module._load (node:internal/modules/cjs/loader:827:12)
at ModuleWrap. (node:internal/modules/esm/translators:170:29)
at ModuleJob.run (node:internal/modules/esm/module_job:198:25)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:409:24)

安装的依赖

"dependencies": {
"@element-plus/icons-vue": "^2.1.0",
"@kjgl77/datav-vue3": "^1.5.0",
"element-plus": "^2.3.4",
"turndown": "^7.1.1",
"vue": "^3.2.47",
"vue-devui": "^1.1.0"
},
"devDependencies": {
"@babel/generator": "^7.21.5",
"@babel/parser": "^7.21.8",
"@babel/traverse": "^7.21.5",
"@babel/types": "^7.21.5",
"@types/node": "^20.1.1",
"@vitejs/plugin-vue": "^4.2.1",
"@vitejs/plugin-vue-jsx": "^3.0.1",
"escape-html": "^1.0.3",
"fast-glob": "^3.2.12",
"highlight.js": "^11.8.0",
"markdown-it-container": "^3.0.0",
"marked": "^5.0.1",
"node-sass": "^8.0.0",
"prismjs": "^1.29.0",
"sass": "^1.62.1",
"sass-loader": "^13.2.2",
"turndown-plugin-gfm": "^1.0.2",
"unocss": "^0.51.12",
"unplugin-auto-import": "^0.15.3",
"vite": "^4.3.5",
"vite-plugin-dts": "^2.3.0",
"vite-plugin-vue": "^0.0.0",
"vitepress": "1.0.0-alpha.75"
}

排名轮播表渲染高度会溢出然后再恢复

溢出：

恢复：

         <dv-charts :option="option1"
                   style="width:100%;height:15rem;"/>

        <button @click="updateData">修改数据</button>

function updateData () {
option1.series[ 0 ].data = [ 100 , 130 , 900 , 100 , 500 , 200 , 985 ];
}

const option1 = {
title : {
text : '周销售额趋势'
} ,
xAxis : {
name : '第一周' ,
data : [ '周一' , '周二' , '周三' , '周四' , '周五' , '周六' , '周日' ]
} ,
yAxis : {
name : '销售额' ,
data : 'value'
} ,
series : [
{
data : [ 1200 , 2230 , 1900 , 2100 , 3500 , 4200 , 3985 ] ,
type : 'line'
}
]
}

请教大佬，我点击“修改数据”按钮后，图表没有反映，没有变化，请教一下，是还需要什么吗？

装饰12在动态修改第一个颜色时不生效，刷新后才生效。其它装饰无此问题

const config = reactive( {
data : [
{
name : '信阳' ,
value : 0 ,
} ,
{
name : '漯河' ,
value : 0 ,
} ,
] ,
//showValue 显示数值
showValue : true ,
//textColor 文字颜色
textColor : '#1258e3'
} )

dv-conical-column-chart的data中初始值value等于0，页面打开时，浏览器的控制台会报错误：Error: attribute y: Expected length, "NaN".

作者你好。

Decoration9 和 ScrollBoard 提示 typescript 类型错误。

比如 Decoration9 ：

    <Decoration9>
      {{ title }}
    </Decoration9>

提示：

不能将类型“{}”分配给类型“ComponentProps<typeof _sfc_main>”。
  类型“{}”缺少类型“typeof _sfc_main”中的以下属性: setup, props

如果按照文档示例加上样式：

    <Decoration9 style="width: 300px; height: 300px">
      {{ title }}
    </Decoration9>

提示：

不能将类型“{ style: {}; }”分配给类型“ComponentProps<typeof _sfc_main>”。
  类型“{ style: {}; }”缺少类型“typeof _sfc_main”中的以下属性: setup, props

ScrollBoard 提示是类似的：

  <ScrollBoard :config="config" style="background: #0a2732" />

不能将类型
“{ config: { header: string[]; data: unknown[][]; index: boolean; columnWidth: number[]; align: string[]; }; style: {}; }”
分配给类型“ComponentProps<typeof _sfc_main>”。
  类型
“{ config: { header: string[]; data: unknown[][]; index: boolean; columnWidth: number[]; align: string[]; }; style: {}; }”
缺少类型“typeof _sfc_main”中的以下属性: setup, props, emits

依赖：typescript 4.8.4
vite 项目：

   "vite": "^3.1.0",
   "vue": "^3.2.41",
   "@typescript-eslint/eslint-plugin": "^5.40.1",
   "@typescript-eslint/parser": "^5.40.1",
   "@vitejs/plugin-vue": "^3.1.0",

vue-cli 项目

    "@vue/cli-service": "~5.0.0",
    "vue": "^3.2.40",
    "@vue/cli-plugin-typescript": "~5.0.0",
    "@typescript-eslint/eslint-plugin": "^5.4.0",
    "@typescript-eslint/parser": "^5.4.0",

PLEASE READ: I originally made this template for myself to mocking up apps quicker. I am glad to see you are willing to give it a try! Before your open the issue, please make sure you are reporting bugs in the template itself. I am NOT creating this template to solve the problems you faced in your project, please use Vue or Vite's discord server to ask questions. Thank you.

Describe the bug/issue

上面2个图的高度对不上 计算出来的高度多了 导致元素展示不完整

PLEASE READ: I originally made this template for myself to mocking up apps quicker. I am glad to see you are willing to give it a try! Before your open the issue, please make sure you are reporting bugs in the template itself. I am NOT creating this template to solve the problems you faced in your project, please use Vue or Vite's discord server to ask questions. Thank you.

Describe the bug/issue

PLEASE READ: I originally made this template for myself to mocking up apps quicker. I am glad to see you are willing to give it a try! Before your open the issue, please make sure you are reporting bugs in the template itself. I am NOT creating this template to solve the problems you faced in your project, please use Vue or Vite's discord server to ask questions. Thank you.

Describe the bug/issue

边框11设置title后文字过小

PLEASE READ: I originally made this template for myself to mocking up apps quicker. I am glad to see you are willing to give it a try! Before your open the issue, please make sure you are reporting bugs in the template itself. I am NOT creating this template to solve the problems you faced in your project, please use Vue or Vite's discord server to ask questions. Thank you.

Describe the bug/issue
求更多的demo啊

Uncaught (in promise) TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

很多组件没有initWH这个方法，是怎么回事

如题~
没找到可配置的地方。

如题，比如边框组件样式使用height:100%;width:100%，当父组件缩放时边框组件没有按缩放尺寸重绘