yarn
yarn dev
yarn build
DataV组件库文档
Home Page: http://datav.jiaminghi.com
License: MIT License
yarn
yarn dev
yarn build
如图中代码 dv-scroll-ranking-board 被放置在dv-border-box-8下的div中,页面无法显示轮播表,但是如果去掉红框上的div,则可以正常渲染
<dv-full-screen-container> <top-header /> <div class="main-content"> <dv-border-box-8 style="width:20%"> <div id="ranking-board-div"> <div class="ranking-board-title">销售额省份排名</div> <!-- <dv-loading v-if="loading">Loading...</dv-loading> --> <dv-scroll-ranking-board :config="config"/> </div> </dv-border-box-8> <dv-border-box-8 style="width:50%">dv-border-box-12</dv-border-box-8> <dv-border-box-8 style="width:30%">dv-border-box-12</dv-border-box-8> </div> </dv-full-screen-container>
持续关注!
错误提示如下:
[plugin:vite:vue] key should be placed on the tag.
D:/GitHub/map/node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue:8:11
6 | >
7 | <rect
8 | :key="i"
| ^
9 | :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
10 | :x="point[0] - halfRectWidth"
at createCompilerError (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:19:19)
at D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:3851:45
at Array.some ()
at D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:3847:31
at Array. (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:3978:13)
at traverseNode (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:2222:19)
at traverseChildren (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:2164:9)
at traverseNode (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:2215:13)
at traverseChildren (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:2164:9)
at traverseNode (D:\GitHub\map\node_modules@vue\compiler-core\dist\compiler-core.cjs.js:2215:13
Click outside or fix the code to dismiss.
You can also disable this overlay with hmr: { overlay: false } in vite.config.js.
错误位置源码如下:
<template>
<div class="dv-decoration-6" :ref="ref">
<svg :width="`${svgWH[0]}px`" :height="`${svgWH[1]}px`" :style="`transform:scale(${svgScale[0]},${svgScale[1]});`">
<template
v-for="(point, i) in points"
>
<rect
:key="i"
:fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
:x="point[0] - halfRectWidth"
:y="point[1] - heights[i] / 2"
:width="rectWidth"
:height="heights[i]"
>
轮播表怎么设置背景图
三个轮播表怎么才能同时同步滚动,一开始是同时同步滚动的,时间一长三个轮播表就开始不同步了
怎样把data里的静态数据更改为数据库数据,
文档地址打不开了,能不能尽快修复一下
不知道大佬有没有考虑过小程序。做个小程序ui库 。
datav是个好项目,但是无法兼容IE和火狐,影响到项目的应用,也局限了datav的推广,希望大佬尽快兼容IE和火狐!
Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=9a11b98b' does not provide an export named 'default' (at main.vue:8:8)
hi, i have a question as below,
url1: https://baijiahao.baidu.com/s?id=1659789987293640224&wfr=spider&for=pc
url2: http://datav.jiaminghi.com/demo/construction-data/index.html
url1 use the same demo page as url2, but why the first can display pie chart binded value, but the second not show it?
here is my code:
createData () {
const { randomExtend } = this
let seriesdata = [
{ name: "pass", value: randomExtend(5000, 6000) },
{ name: "prevent", value: randomExtend(100, 150) },
{ name: "check", value: randomExtend(200, 300) }
]
this.option = {
series: [
{
type: 'pie',
radius: '70%',
roseSort: false,
data: seriesdata,
roseType: true
}
],
color: [ '#224590', '#f46827', '#4d99fc']
};
},
请问这个怎么支持VUE3项目呢
楼主项目单位用的是px 是如何实现字体响应式的呢
CenterCmp里面最后一个div写成dir了
可不可以在数字翻牌器的设置中增加一个number的默认值配置
在官方文档给出的效果预览中dv-border-box-11的标题是彩色的,但并没有给出更改title字体颜色的配置。
我自己在使用时title的字体颜色是白色。在翻看了dv-border-box-11对应的源码之后,发现props里也未给出更改title颜色的配置。
宽度改变了可以自适应,为啥高度改变了无法做到自适应
i try borderRadius but can not work
and then i try lineCap
also cannot work
barStyle: {
lineCap: 'round'
}
Can someone tell me what I should do, thank you
手机端打开页面样式全乱了
飞线图我看使用方法是用图片然后定点,可是没有**地图的素材啊
为什么config.data数据不能异步获取(无法从后台获取)
datav 兼容不了红芯浏览器
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.