分享到： QQ空间 新浪微博 腾讯微博 微信 人人网 更多
 

随笔分类 -  [17]Echarts-图表

Echarts-图表
转：ECharts图表组件之简单关系图：如何轻松实现另类站点地图且扩展节点属性实现点击节点页面跳转
摘要：站点地图不外乎就是罗列一个网站的层次结构，提炼地讲就是一个关系结构图。那么我们如何巧用ECharts图表组件内的简单关系结构图来实现一个站点的地图结构呢？另外如何点击某个节点的时候实现页面跳转呢？ 针对上述所提出的疑问，我琢磨了一下ECharts图表组件。找到官方这样的一个适合的简单关系图：http://echarts.baidu.com/doc/example/force1.html 通过观察ECharts图表组件的简单关系图的数据结构，得出我要实现一个站点地图需要做哪些工作： 1、引入echarts图表组件相关的js文件，主要用到esl.js和echarts.js两个文件 阅读全文
posted @ 2014-11-21 15:05 王春天 阅读(21034) 评论(2) 推荐(0) 编辑
转：ECharts图表组件入门教程之Theme：ECharts图表的皮肤是什么？如何给图表换主题（皮肤）Theme？
摘要：一、什么是ECharts图表的皮肤（主题）？ 针对这个问题我只能这样回答，ECharts图表的主题（皮肤）就犹如人的衣服一样，是用来衬托和渲染主体，使其变得更加美观好看的目的。你去过ECharts图表组件的官网应该都看到每一个示例都支持皮肤切换的。我们更深入的理解，皮肤其实就是一些样式的定义集合。 图表有很多部分组成，比如：标题、坐标轴、Series数据、Legend图例等。每一个部分我们可以为其设置style样式，形如：字体颜色、字体大小、旋转角度、背景图片、背景颜色、是否渐变等。 二、如何将其皮肤（主题）应用到ECharts图表上去？ 犹如一件衣服我们设计和裁剪缝制好了，那么好不好还得找个人穿上才能够有所体现。ECharts图表也是如此，这里我们定义了一套纯绿色的皮肤option集合，示例代码如下所示： ... 阅读全文
posted @ 2014-11-21 14:57 王春天 阅读(11116) 评论(0) 推荐(0) 编辑
ECharts图表实战经验1：如何设置图表同序列不同数据点的独立颜色值
摘要：最近有不少朋友在追问这样一个问题：我单序列的柱状图，我想让每一个根柱子的颜色都不一样，应该如何做？针对这个问题，其实我只想说你压根没有认真看完或者查找ECharts官方的示例，官方能够找到的示例有：1、http://echarts.baidu.com/doc/example/bar14.html2、... 阅读全文
posted @ 2014-11-21 13:19 王春天 阅读(44518) 评论(0) 推荐(2) 编辑

云推荐
点击右上角即可分享
微信分享提示