android集成echarts图表使用经验浅谈(含实例) - 斗转圣帝 - 推酷
android集成echarts图表使用经验浅谈(含实例) - 斗转圣帝
前几天因为项目要使用到动态图表，包含动态饼图交互，折线图展现，以及柱状图的展现，考虑到图表需要动态，以及人机交互特效和项目时间的限制，决定采用android原生集成本地echarts html的方式来完成。本意是好的，但是开发的途中遇到了如下问题：
1：百度echarts的开放是好的，是有魄力的，但是随着一起出来的API不是那么尽人意，缺少许多详细的属性和方法，写的比较浅显，希望百度echarts开发组能够花多点时间来完善API
2：本人对JS开始陌生，遇到了一点点问题
最终项目效果图：
图1：点击饼块刷新套餐数据
图2：动态展示其数据
项目抽取实例地址：
有好的图表请在评论里提出，JS不太熟悉，只能参照API来实现，OMG！
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致Echarts折线图数据动态获得_百度知道14:43 提问
echarts地图怎么动态切换主题啊，就这种效果
按赞数排序
你都有截图了，为什么不直接用调试器调试下，并且直接拿它的js代码
setTheme方法，具体看连接：
{string | Object} theme
设置主题，内置主题（'macarons', 'infographic'）直接传入名称，自定义扩展主题可传入主题对象
恩，我是想实现它列子的切换效果，点击下拉框时可以切换主题，但是我这个点击的时候没有效果，也不能刷新，不知道怎么回事
&!DOCTYPE html&
&meta charset="utf-8"&
&title&ECharts&/title&
function changeTheme(self){
//var te = require('echarts/theme/macarons');
var te = require('echarts/theme/infographic');
myChart.setTheme(te);
&!-- 为ECharts准备一个具备大小（宽高）的Dom --&
&div id="main" style="height:400px"&&/div&
&select onchange='changeTheme(this)'&
&option value='1'&主题1&/option&
&option value='2'&主题2&/option&
&!-- ECharts单文件引入 --&
&script src="/build/dist/echarts.js"&&/script&
&script type="text/javascript"&
// 路径配置
require.config({
echarts: '/build/dist'
'echarts',
'echarts/chart/map',
'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
function (ec,te) {
// 基于准备好的dom，初始化echarts图表
myChart = ec.init(document.getElementById('main'),te);
option = {
text: 'iphone销量',
subtext: '纯属虚构',
x:'center'
tooltip : {
trigger: 'item'
orient: 'vertical',
data:['iphone3','iphone4','iphone5']
dataRange: {
max: 2500,
x: 'left',
y: 'bottom',
text:['高','低'],
// 文本，默认为数值文本
calculable : true
toolbox: {
show: true,
orient : 'vertical',
x: 'right',
y: 'center',
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
roamController: {
show: true,
x: 'right',
mapTypeControl: {
'china': true
series : [
name: 'iphone3',
type: 'map',
mapType: 'china',
roam: false,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
{name: '北京',value: Math.round(Math.random()*1000)},
{name: '天津',value: Math.round(Math.random()*1000)},
{name: '上海',value: Math.round(Math.random()*1000)},
{name: '重庆',value: Math.round(Math.random()*1000)},
{name: '河北',value: Math.round(Math.random()*1000)},
{name: '河南',value: Math.round(Math.random()*1000)},
{name: '云南',value: Math.round(Math.random()*1000)},
{name: '辽宁',value: Math.round(Math.random()*1000)},
{name: '黑龙江',value: Math.round(Math.random()*1000)},
{name: '湖南',value: Math.round(Math.random()*1000)},
{name: '安徽',value: Math.round(Math.random()*1000)},
{name: '山东',value: Math.round(Math.random()*1000)},
{name: '新疆',value: Math.round(Math.random()*1000)},
{name: '江苏',value: Math.round(Math.random()*1000)},
{name: '浙江',value: Math.round(Math.random()*1000)},
{name: '江西',value: Math.round(Math.random()*1000)},
{name: '湖北',value: Math.round(Math.random()*1000)},
{name: '广西',value: Math.round(Math.random()*1000)},
{name: '甘肃',value: Math.round(Math.random()*1000)},
{name: '山西',value: Math.round(Math.random()*1000)},
{name: '内蒙古',value: Math.round(Math.random()*1000)},
{name: '陕西',value: Math.round(Math.random()*1000)},
{name: '吉林',value: Math.round(Math.random()*1000)},
{name: '福建',value: Math.round(Math.random()*1000)},
{name: '贵州',value: Math.round(Math.random()*1000)},
{name: '广东',value: Math.round(Math.random()*1000)},
{name: '青海',value: Math.round(Math.random()*1000)},
{name: '西藏',value: Math.round(Math.random()*1000)},
{name: '四川',value: Math.round(Math.random()*1000)},
{name: '宁夏',value: Math.round(Math.random()*1000)},
{name: '海南',value: Math.round(Math.random()*1000)},
{name: '台湾',value: Math.round(Math.random()*1000)},
{name: '香港',value: Math.round(Math.random()*1000)},
{name: '澳门',value: Math.round(Math.random()*1000)}
name: 'iphone4',
type: 'map',
mapType: 'china',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
{name: '北京',value: Math.round(Math.random()*1000)},
{name: '天津',value: Math.round(Math.random()*1000)},
{name: '上海',value: Math.round(Math.random()*1000)},
{name: '重庆',value: Math.round(Math.random()*1000)},
{name: '河北',value: Math.round(Math.random()*1000)},
{name: '安徽',value: Math.round(Math.random()*1000)},
{name: '新疆',value: Math.round(Math.random()*1000)},
{name: '浙江',value: Math.round(Math.random()*1000)},
{name: '江西',value: Math.round(Math.random()*1000)},
{name: '山西',value: Math.round(Math.random()*1000)},
{name: '内蒙古',value: Math.round(Math.random()*1000)},
{name: '吉林',value: Math.round(Math.random()*1000)},
{name: '福建',value: Math.round(Math.random()*1000)},
{name: '广东',value: Math.round(Math.random()*1000)},
{name: '西藏',value: Math.round(Math.random()*1000)},
{name: '四川',value: Math.round(Math.random()*1000)},
{name: '宁夏',value: Math.round(Math.random()*1000)},
{name: '香港',value: Math.round(Math.random()*1000)},
{name: '澳门',value: Math.round(Math.random()*1000)}
name: 'iphone5',
type: 'map',
mapType: 'china',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
{name: '北京',value: Math.round(Math.random()*1000)},
{name: '天津',value: Math.round(Math.random()*1000)},
{name: '上海',value: Math.round(Math.random()*1000)},
{name: '广东',value: Math.round(Math.random()*1000)},
{name: '台湾',value: Math.round(Math.random()*1000)},
{name: '香港',value: Math.round(Math.random()*1000)},
{name: '澳门',value: Math.round(Math.random()*1000)}
// 为echarts对象加载数据
myChart.setOption(option);
605关注|635收录
569关注|105收录
371关注|632收录
其他相似问题echarts 地图 怎么实时更新点的数据_百度知道