somonus / react-native-echarts Goto Github PK
View Code? Open in Web Editor NEWEcharts for react-native. The react-naitve chart.
License: MIT License
Echarts for react-native. The react-naitve chart.
License: MIT License
能更新吗
我用的是 函数的方式定义的样式
图表不显示怎么回事? 安卓手机显示白板
在图表的tooltip组件模块,设置confine的值为true(期望实现tooltip模块只在图表区域内显示,避免移动端超出隐藏的效果),这个效果实现不了。
求解决方法!!!!
使用
yAxis:{axisLabel:{formatter:(value)=>{
...
]}}
以前都是正常的,即 formatter:null 正常。在添加 formatter 属性后,真机显示白屏,模拟器显示正常。
请问有什么好的解决方法吗。
@somonus
EChart 的版本是多少?
我现在需要做一个旋转 x 轴 Label的功能,就是因为数据比较多,x 轴的名字需要倾斜,我用了 xAxis.nameRotate 这个属性,但是不起作用,能帮忙看一下吗?
安卓模拟器上可以正常显示 而且第一次显示需要很长时间的加载 但是打包成apk在手机上不显示任何东西
[email protected]、[email protected]、[email protected]都会这样。连着包服务器正常,断开便会黄屏
我用map函数在多个页面中显示多个曲线图,但是有部分曲线不会生成。
水贴,感谢 @somonus ,爱死你了。
component.tooltip.showTip
react-native是0.37,debug和release打包后都不显示。改成uri提示在此服务器上找不到所请求的URL。目前的解决方案是什么?
用react-native run-android 表格不能显示, 是什么原因?ps:运行的是example,ios显示正常。
echarts怎么设置点击事件可以获取点击点的坐标?
IOS,安卓没试,RN是0.41
试过{uri: 'web/xxx.html'}
甚至试过把js和injectJavascript的内容都拼到html里,然后用{html: 拼好的大字符串}
图表都出不来,但是debug就正常。折腾两天了:(
For some reason my charts don't resize properly consistently. Sometimes they do, sometimes they don't. It's pretty random.
Both charts have same number of data points but top chart doesn't fit all the data like the bottom chart. You can see that on top chart the bar on the right is cut off. It seems that the width must be bigger.
So far it's only happening for me if I have more than 1 chart.
These are my options:
const option = {
title: { show: false },
tooltip: {
show: false,
// formatter: `${unitOfMeasure ? `{c0} ${unitOfMeasure}<br />` : ''}{b0}`,
},
legend: { show: false },
grid: {
height: 130,
top: 30,
bottom: 0,
borderWidth: 0,
left: 15,
right: 15,
},
xAxis: {
type: 'category',
data: data.xValues,
// scale: true,
boundaryGap: true,
axisLine: {
show: false,
onZero: false,
},
axisTick: { show: false },
axisLabel: {
textStyle: StyleSheet.flatten(styles.axisLabel),
},
splitLine: { show: false },
min: 'dataMin',
max: 'dataMax',
},
yAxis: {
scale: false,
axisLine: {
show: false,
onZero: false,
},
axisTick: { show: false },
axisLabel: { show: false },
splitLine: { show: false },
},
dataZoom: [{
type: 'inside',
start: 50,
end: 100,
}],
series: [{
type: 'bar',
data: data.yValues,
color: ['#3897f0'],
}],
};
setInterval 调用 setOption(option,true) 更新怎么弄?
gradle用的是1.3.1, 编译过程中遇到
android\app\src\main\res\drawable-mdpi\node_modules_nativeecharts_src_components_echarts_tpl.html: Error: The file name must end with .xml or .png的问题, 然后根据https://github.com/googlecreativelab/landmarker/issues/2将其move到res/raw目录下, 不知道是不是这个原因
这个和前端web的 echarts 是不是一个类似的库 , 是封装了echarts 的所有图表吗?有没有热力图?
android下打开echarts的页面,显示图表有点缓慢,要隔个1-2秒钟才能显示出来, 不知道别人有没有这个问题啊
how to import map? I import China.js to render Map ;it's not work
请问是基于webview的吗?
挺好的,但是因为JSON.stringify(option)也带来了些问题。比如在option 里面有很多配置本身是支持函数的,比如 label 的 formatter,这边由于这个转化后,就会失效了。
另外可以支持theme不?
echarts有IOS和android的原生支持版本,可否基于哪个来实现下
使用红米或者小米手机,系统5.0及以下,显示空白,看不到地图和普通的图表,在其他的安卓手机上显示正常。求解决
试过graphic配置,该标签下image、text、react都不支持,还是说目前直接不支持graphic吗?
安卓genemotion模拟器一进带有echarts的页面就卡死
打release包的时候报错了。。\android\app\src\main\res\drawable-mdpi\node_modules_nativeecharts_src_components_echarts_tpl.html
Error:Error: The file name must end with .xml or .png
这种问题怎么搞?
in the react-native-tab-navigator page no change, use the chats in one TabNavigator.Item ,when change the page to another, the page chart still show in page, no hide.
source={require('./tpl.html')},这一句代码debug模式下没有问题,但是在release打包后会出现找不到资源的问题。建议把tpl.html文件放置在资源文件下进行引用source={{uri:'file:///android_asset/tpl.html'}}。
formatter 函数相关的 如 tooltip 和yAxis.axisLabel等都被该工具类函数(master/src/util/toString.js)覆盖了麻烦作者帮忙解决下
希望能传递更多的style参数 ,例如backgroundColor:'rgba(0,0,0,0)' 设置webview为背景透明
<Echarts option={charmOption} height={100} width={80} />
我在app里用了这个插件画雷达图,底色是黑色的,打开界面的时候雷达图会闪一下(就是先整个区域都是白底,然后再出现生成好的雷达图)。每次界面上scrollview拖动的时候,也会闪一次。
请问你们生成图表的时候会不会有这种情况?
我设置series里的color属性,不论修改为什么颜色,最终显示的都是黑色,不知道是为什么?
when I used echats pie push to another view in android it crash exit program? What I can do to solve this problem?
1-:请问如何传入自定义的style;
2-:请问,默认值高度是400,后台返回option,如何让后台返回的数据自适应默认尺寸,或者传入的固定的尺寸。
我有多个折线图,然后首屏渲染折线图正常,但是滑动到第二屏的时候折现图渲染样式被拉伸,后来我去替换了下它们的位置发现替换后, 第一屏正常,滚动到第二屏的时候样式就被拉伸了,不知道是什么问题,希望解决
npm ERR! path E:\native\GaGaMall-master\node_modules.staging\zrender-a12e021d
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall rename
npm ERR! Error: EPERM: operation not permitted, rename 'E:\native\GaGaMall-maste
r\node_modules.staging\zrender-a12e021d' -> 'E:\native\GaGaMall-master\node_mod
ules\zrender'
随着option的改变,图表似乎不能刷新? 我之前直接在RN中用webview 使用本地html 和 echart.js画图表时候就存在这个问题。大神有没有解决的办法?
我想在react native里用Echarts的矩形图,用你这个怎么搞?
I want user rectangle Map in react native ,what should i do?
This package does not work like the desktop version where the performance is really good. This version slows down my application and has largely influenced the user experience. I can even see the animation frame by frame!
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.