android 使用Echarts画图(动态赋值)

效果在最后面。

效果在最后面。

效果在最后面。

不懂的可以私信问我,看到会回复的

步骤:

第一步:

先在百度的echarts官网,下载js文件。在网站的最下面,有个方案三,去定制。根据自己需求下载js文件。echarts下载链接放在下面。

下载地址:Echarts下载js文件

第二步:

将下载好的js文件,导入项目的arrests文件夹里面,没有的可以在项目中自己创建。

assets文件夹

第三步: 

将下载好的js文件导入assets文件夹后,然后在assets文件夹创建.html文件,用来用与视图的展示。创建方法是右键assets文件夹,后点击File选项,创建后缀为.html文件即可。

在创建好的.html中,进行编辑。

注意红框选中的地方,写自己下载好的js文件名,不能错

注意红框选中的地方,写自己下载好的js文件名,不能错

注意红框选中的地方,写自己下载好的js文件名,不能错

注意红框选中的地方,写自己下载好的js文件名,不能错


之后在.html文件里,编写容器。我是这样写的:

.html中先创建视图容器。


上面这个是创建视图容器,容器开头和容器结尾,中间的视图代码我删掉截图的。(后面会给全部截图代码)

第四步:

在html中创建好容器后,就该编写视图代码了,原谅我看不到js代码,让小程序同事帮忙给调的,当然可以在

echarts官网--案例--中可以自己找合适的,然后引用去调用。直接将案例中的 var option 代码块全部拉倒.html中的容器里。我先把自己的视图代码截图发一下。


html上部分



.html下部分


java代码中创建集合数据



java代码中传值调用

注意:在web加载成功后,在传递,不然有白屏问题。

注意:在web加载成功后,在传递,不然有白屏问题。

注意:在web加载成功后,在传递,不然有白屏问题。


注意:加载assets.html时,路径的asset 不要带s。


上面只是简单的demo,下面是我项目中的效果图。


项目效果图
项目效果图

你可能感兴趣的:(android 使用Echarts画图(动态赋值))