本项目能够将百度的 ECharts (echarts2) 工具封装成对应的 iOS 的控件,并且将其中 javascript 的属性封装成对应的对象。并且提供了链式编程,方面大家进行配置 Echarts 的属性。方便程序员在编写程序的过程中更加关注 OC 的代码,避免在使用百度的 ECharts 工具的过程中过多的关注 javascript 语法和与 javascript 之间的交互。
有两种方法可以使用:
*** 请确保js目录是蓝色的 ***
在需要使用的地方引入iOS-Echarts.h即可。 最后只需通过对图表的属性进行配置即可。
至于其中的参数与文档可以参考上方的Echart官网中的文档进行查看与配置。
// 首先你有一个PYEchartsView的实例 @property (weak, nonatomic) IBOutlet PYEchartsView *echartsView; ... PYOption *option = ... // 一些关于PYOption配置 // 最后设置配置型以及加载 [_echartsView setOption:option]; [_echartsView loadEcharts];
PYOption *option = [PYOption initPYOptionWithBlock:^(PYOption *option) { option.titleEqual([PYTitle initPYTitleWithBlock:^(PYTitle *title) { title.textEqual(@"Event River").subtextEqual(@"Test subtext"); }]) .tooltipEqual([PYTooltip initPYTooltipWithBlock:^(PYTooltip *tooltip) { tooltip.triggerEqual(PYTooltipTriggerItem).enterableEqual(YES); }]) .legendEqual([PYLegend initPYLegendWithBlock:^(PYLegend *legend) { legend.dataEqual(@[@"first data", @"second data"]); }]) .toolboxEqual([PYToolbox initPYToolboxWithBlock:^(PYToolbox *toolbox) { toolbox.showEqual(YES).featureEqual([PYToolboxFeature initPYToolboxFeatureWithBlock:^(PYToolboxFeature *feature) { feature.markEqual([PYToolboxFeatureMark initPYToolboxFeatureMarkWithBlock:^(PYToolboxFeatureMark *mark) { mark.showEqual(YES); }]) .restoreEqual([PYToolboxFeatureRestore initPYToolboxFeatureRestoreWithBlock:^(PYToolboxFeatureRestore *restore) { restore.showEqual(YES); }]); }]); }]) .xAxisEqual([[NSMutableArray alloc] initWithArray:@[axis]]) .seriesEqual([[NSMutableArray alloc] initWithArray:@[series1, series2]]) .gridEqual([PYGrid initPYGridWithBlock:^(PYGrid *grid) { grid.xEqual(@10) .x2Equal(@30); }]); }];
PYEventRiverSeries *series1 = [PYEventRiverSeries initPYEventRiverSeriesWithBlock:^(PYEventRiverSeries *series) { series.weight = @123; series.name = @"Series name"; series.type = PYSeriesTypeEventRiver; }];
PYAxis *axis = [PYAxis initPYAxisWithBlock:^(PYAxis *axis) { axis.typeEqual(PYAxisTypeTime).boundaryGapEqual(@[@0.05, @0.1]); }];
在微信小程序中使用echarts插件的时候,遇到了一个问题:当系统是iOS时,如果手指先是长按图表,然后页面会无法滑动,其中南丁格尔玫瑰图尤其明显。作为一个微信小程序的新手开发,这个问题属实难倒我了。 解决方案: 1.添加遮罩层。 使用一个遮罩层覆盖echarts图表,这样的话,当长按并滑动页面的时候,滑动的就是这个遮罩层了,自然就可以解决问题。 遇到的问题: canvas是原生组件,层级很高,v
最近的项目里面用到了饼图和条形统计图,饼图用的是PNChart来做的,这个库感觉用起来也简单,但是做条形统计图的时候就特别蛋疼(不知道是不是我姿势没对),反正就是各种问题,然后就想到换一种框架,最后选定了iOS-ECharts,ECharts是百度团队开发的。iOS-ECharts是Pluto Y封装的,蛋疼的是一句注释都没有,要对照着百度的文档来看,这个框架的效果倒是牛皮哄哄的,第一次加载会有点
解决办法:在build settings 里 Compile Sources As选项改为Objective C++即可 或者在.pch文件中 #ifdef __OBJC__ #import "iOS-Echarts.h" #endif
今天对echarts进行打包,遇到几个问题 1)怎么打包apk,都是unsingle模式,而且安装失败 原因是 buildTypes 中没有加signingConfig signingConfigs.release 2)安装后居然echarts不显示,但是在模拟器中是显示的,也是从网上找的 2.1)复制文件tpl.html(路径: node_modules\native-echarts\src\c
react-native-echarts是一个在react-native中非常好用的图表组件,感觉比guthub上排名第一的还好用。主要是因为它是基于百度的echarts做的,不知道echarts的自行百度,感觉echarts现在是图表中做的做好的组件了。 具体使用很简单,我就不说了。这里记录一下在使用中遇到的两个问题。 Q1 当数据量比较大的时候,x轴的数据不显示。这个是echarts自己的一个
主要内容:1、独立版本,2、使用 CDN 方法,Staticfile CDN(国内),jsDelivr,cdnjs,3、NPM 方法,实例1、独立版本 我们可以在直接下载 echarts.min.js 并用 <script> 标签引入。 echarts.min.js(4.7.0) 另外,开发环境下可以使用源代码版本 echarts.js 并用 <script> 标签引入,源码版本包含了常见的错误提示和警告。 echarts.js(4.7.0) 我们也可以在 ECharts 的官网上直接下载更多丰
本文向大家介绍扫描二维码控件的封装iOS实现,包括了扫描二维码控件的封装iOS实现的使用技巧和注意事项,需要的朋友参考一下 扫描二维码效果 源码:https://github.com/YouXianMing/Animations 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大
ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari 等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据
ECharts-X是 ECharts 团队推出的全新 3D 可视化库,它是基于 ECharts 的扩展,底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender。 特色 混搭 ECharts 里的混搭功能很强大,作为 ECharts 的扩展,ECharts-X 自然也需要支持。ECharts-X 能跟 ECharts 中的折柱饼地图等图表混搭,可以有更丰富的可视化效果,同时 E
这是一个针对 ECharts 2.0 版本的Java类库,实现了所有ECharts中的Json结构对应的Java对象,并且可以很方便的创建Option 本项目是一个供Java开发使用的ECharts的开发包,主要目的是方便在Java中构造ECharts中可能用到的全部数据结构,如完整的结构 Option。Option中的数据Series,包含Bar-柱状图,Line-折线图,Pie-饼图,Chor