echarts 绘制地级市框架绘制图表问题?

用echarts画了个图,然后应该怎么通过文本框输入值的改变,改变图表呢?
[问题点数:20分]
用echarts画了个图,然后应该怎么通过文本框输入值的改变,改变图表呢?
[问题点数:20分]
只显示楼主
取消只显示楼主
匿名用户不能发表回复!|
每天回帖即可获得10分可用分!小技巧:
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN,不得违反国家法律法规。
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。我是代码小白,最近才知道有这个工具。想简单学习下,学习目标是我能根据素材模板作修改来达到我使用的需要即可,不求看懂所有代码。我在线编辑和离线都试过,虽说看不懂代码但还是知道修改其中的有关值可以将模板改成我要的图。不过还是有几个不太会的地方想请教一下:1、ECharts在线制作的图表怎么导出给自己使用。就比如下图,我知道修改左图的值和相应项的名字可以将右图改成我需要的。但是我不知道怎么把结果导出和保存,来方便下次查阅和使用。2、离线材料我也下载了,但是不会使用,只要告诉我这几个文件怎么用的就好了。如能不吝赐教,在下感激不胜。
echarts是一个中文数据可视化的js插件,也就是说是通过js来做网页效果的。原理是利用浏览器canvas来绘制,所以说只能在浏览器中使用。你想要使用,按照官方文档(百度产,中文的)5分钟上手echarts,非常非常简单,你只要把demo代码复制到html文件用浏览器打开就能在浏览器上看到了,在里面改js代码就能保存查阅了。
&u&以下回答都是在默认你已经熟悉了html和css的知识条件下。&/u&&br&&b&1.首先在自己的页面引用echarts.js或者echarts.min.js&/b&&br&&b&2.编写自己的js,这里的option就是你在官方实例左侧看到的option了&/b&&div class=&highlight&&&pre&&code class=&language-text&&$('xxx').setOption(option);
//调用官方API,设置图表实例的配置项以及数据
&/code&&/pre&&/div&&b&3.至于把结果导出和保存,我只能想到将页面抠下来(爬虫)保存了。或者截图?或者写入自己的js中?&/b&&br&&b&&a href=&///?target=http%3A///api.html%23echarts& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECharts Documentation&i class=&icon-external&&&/i&&/a& 官方API手册&br&&/b&&br&&b&&a href=&///?target=http%3A///option.html%23title& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECharts Documentation&i class=&icon-external&&&/i&&/a& 官方配置项手册&/b&
以下回答都是在默认你已经熟悉了html和css的知识条件下。1.首先在自己的页面引用echarts.js或者echarts.min.js2.编写自己的js,这里的option就是你在官方实例左侧看到的option了$('xxx').setOption(option); //调用官方API,设置图表实例的配置项以及数据
已有帐号?
无法登录?
社交帐号登录[#] 无option时resize报错
[#] symbole无法显示0值数据,fix"/>
ECharts 2.0.1 发布,JavaScript 图表库 - 为程序员服务
ECharts 2.0.1 发布,JavaScript 图表库
ECharts 2.0.1 发布,此版本是 bug 修复版本,更新内容如下:
【#】 移动设备事件失效
[#] [gauge]min max非默认值时计算错误
[#] [map]图例开关无数据时图表没更新
[#] [map]选择切换图表类型时错误
[#] [markLine]过渡更新错误fix
[#] 无option时resize报错
[#] symbole无法显示0值数据,fix
[#] [timeline]起始index不为0时错误,fix
[#] 原数组长度为1时addData错误,fix
[#] loading动画bubble、dymnline刷新问题,fix
[?] 依赖升级,
ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特 性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
ECharts (Enterprise Charts 商业产品图表库)
提供商业产品常用图表,底层基于 (一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。
IT技术文章geek资讯
原文地址:, 感谢原作者分享。
您可能感兴趣的代码}

我要回帖

更多关于 echarts绘制折线图 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信