百度android图表,Charts 简单封装百度的 ECharts,轻松实现各种图表效果。 @codeKK Android开源站...

Charts.svg

Android Charts base on ECharts

Demo:

b2f12deb19b89a572decbb29357553b4.png

Usage:

1. Add it in your root build.gradle at the end of repositories:

allprojects {

repositories {

...

maven { url 'https://jitpack.io' }

}

}

2. Add the dependency:

dependencies {

compile 'com.github.frendyxzc:Charts:0.0.2'

}

3. Draw charts:

3.1 Handle datas on Android:

chartView.setType(1)

chartView.setDataSource(this)

override fun markChartOptions(): GsonOption {

return getPieChartOptions()

}

fun getPieChartOptions(): GsonOption {

val option = GsonOption()

option.tooltip().trigger(Trigger.item).formatter("{a}
{b} : {c} ({d}%)")

option.legend().data("直接访问", "邮件营销", "联盟广告", "视频广告", "搜索引擎");

val pie = getPie().center("50%", "45%").radius("50%")

pie.label().normal().show(true).formatter("{b}{c}({d}%)")

option.series(pie)

return option

}

fun getPie(): Pie {

return Pie().name("访问来源").data(

PieData("直接访问", 335),

PieData("邮件营销", 310),

PieData("联盟广告", 274),

PieData("视频广告", 235),

PieData("搜索引擎", 400))

}

var option = JSON.parse(Android.getChartOptions());

chart.setOption(option);

3.2 Handle datas on JS (load ready-made ECharts directly):

chartView.loadUrl("file:///android_asset/echart/biz/map.html")

function load() {

option = {

title: {

text: 'iphone 销量',

subtext: '纯属虚构',

left: 'center'

},

tooltip: {

trigger: 'item'

},

legend: {

orient: 'vertical',

left: 'left',

data:['iphone3','iphone4','iphone5']

},

visualMap: {

min: 0,

max: 2500,

left: 'left',

top: 'bottom',

text: ['高','低'], // 文本,默认为数值文本

calculable: true

},

toolbox: {

show: true,

orient: 'vertical',

left: 'right',

top: 'center',

feature: {

dataView: {readOnly: false},

restore: {},

saveAsImage: {}

}

},

series: [

...

]

};

chart.setOption(option);

}

Todo:

Wrap with Kotlin DSL

...

More info:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值