个人简介

Echo Blog


江湖无名 安心练剑
  • ECharts-07-dataset 数据集
    ECharts 数据集(dataset) ECharts 使用 dataset 管理数据。 dataset 组件用于单独的数据集声明,从而数据可以单独管理,被多个组件复用,并且可以基于数据指定数据到视觉的映射。 下面是一个最简单的 dataset 的例子: option = { legend: {}, tooltip: {}, dataset: { ...
    2017-05-27 05:15:25 | UI
  • ECharts-06-axis 坐标轴
    坐标轴 直角坐标系中的 x/y 轴。 x 轴、y 轴 x 轴和 y 轴都由轴线、刻度、刻度标签、轴标题四个部分组成。部分图表中还会有网格线来帮助查看和计算数据 普通的二维数据坐标系都有 x 轴和 y 轴,通常情况下,x 轴显示在图表的底部,y 轴显示在左侧,一般配置如下: option = { xAxis: { // ... }, yAxis: { ...
    2017-05-27 05:15:25 | UI
  • ECharts-06-aysnc data 异步数据
    ECharts 异步加载数据 ECharts 通常数据设置在 setOption 中,如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行。 ECharts 通常数据设置在 setOption 中,如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行。 j...
    2017-05-27 05:15:25 | UI
  • ECharts-05-transfer 数据转换
    使用 transform 进行数据转换 Apache EChartsTM 5 开始支持了“数据转换”( data transform )功能。 在 echarts 中,“数据转换” 这个词指的是,给定一个已有的“数据集”(dataset)和一个“转换方法”(transform),echarts 能生成一个新的“数据集”,然后可以使用这个新的“数据集”绘制图表。 这些工作都可以声明式地完...
    2017-05-27 05:15:25 | UI
  • ECharts-05-style config 样式设置
    ECharts 样式设置 ECharts 可以通过样式设置来改变图形元素或者文字的颜色、明暗、大小等。 颜色主题 ECharts4 开始,除了默认主题外,内置了两套主题,分别为 light 和 dark。 使用方式如下: var chart = echarts.init(dom, 'light'); 或者 var chart = echarts.init(dom, 'dar...
    2017-05-27 05:15:25 | UI
  • ECharts-04-pie 饼状图
    ECharts 饼图 前面的章节我们已经学会了使用 ECharts 绘制一个简单的柱状图,本章节我们将绘制饼图。 饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,只有一维的数值,不需要给类目。 因为不在直角坐标系上,所以也不需要 xAxis,yAxis。 例子: myChart.setOption({ series : [ ...
    2017-05-27 05:15:25 | UI
  • ECharts-04-dataset 数据集
    数据集 数据集(dataset)是专门用来管理数据的组件。 虽然每个系列都可以在 series.data 中设置数据,但是从 ECharts4 支持 数据集 开始,更推荐使用 数据集 来管理数据。 因为这样,数据可以被多个组件复用,也方便进行 “数据和其他配置” 分离的配置风格。 毕竟,在运行时,数据是最常改变的,而其他配置大多并不会改变。 在系列中设置数据 如果数据设置在 系列...
    2017-05-27 05:15:25 | UI
  • ECharts-03-style 样式
    ECharts 中的样式简介 本文主要是大略概述,用哪些方法,可以在 Apache EChartsTM 中设置样式,改变图形元素或者文字的颜色、明暗、大小等。 为了让表述更通俗易懂,我们在这里用了“样式”这种可能不是很符合数据可视化思维的词 本文介绍这几种方式,他们的功能范畴可能会有交叉(即同一种细节的效果可能可以用不同的方式实现),但是他们各有各的场景偏好。 颜色主...
    2017-05-27 05:15:25 | UI