在 ECharts series组件的配置过程中,我们使用 Candlestick 来表示我们常说的 K 线图。
对于 K 线图的画法,我们通常会在图中包含四个数据,这四个数据分别是开盘价、最高价、最低价和收盘价,如果您要完成一个完整的 K 线图,那么最好都要围绕这四个数据来实现。
将每日的 K 线图放在同一张纸上,可以得到日 K 线图。
在 ECharts3 中,同时支持 'candlestick' 和 'k'这两种 'series.type'('k' 会被自动转为 'candlestick')。
示例如下:
点击编辑实例 》》
K 线图中“涨”和“跌”的颜色是如何表示的:
K 线图中的颜色表示会根据不同的国家或者地区而含有不一样的定义,在大陆、台湾、日本、韩国等,K 线图颜色定义为“红涨绿跌”或者“红涨蓝跌”;而在西方国家、香港、新加坡等,则表示为“绿涨红跌”。
K线图也不一定要用红蓝、红绿来表示涨跌,也可以是“有色/无色”等表示方法。
默认配置项,采用的是“红涨蓝跌”。如果想更改这个颜色配置,在这些配置项中更改即可:
ECharts 线图什么是 ECharts 线图(series[i]-lines)?该图用于带有起点和终点信息的线数据的绘制,主要用于地图上的航线,路线...
Highcharts 堆叠区域图Highcharts 区域图以下实例演示了堆叠区域图。我们在前面的章节已经了解了 Highcharts 基本配置语法。接下...
Highcharts 堆叠柱形图Highcharts 柱形图以下实例演示了堆叠柱形图。我们在前面的章节已经了解了 Highcharts 基本配置语法。接下...
常见路由任务本主题讲述当把Angular路由器添加到应用中时,如何实现多种常见路由任务。生成一个支持路由的应用下面的命令会用Ang...
前提条件对下列概念有基本的理解:Angular动画简介转场与触发器可复用动画路由能让用户在应用中的不同路由之间导航。当用户从一...
持续更新你的Angular项目就像Web及其整个生态系统一样,Angular也在持续改进中。Angular平衡了持续改进与强调稳定性之间的冲突,...
AngularJS ng-init 指令 AngularJS 参考手册AngularJS 实例初始化应用时创建一个变量:div ng-app="" ng-init="myText='Hello...
AngularJS ng-readonly 指令 AngularJS 参考手册AngularJS 实例设置输入框为只读:Readonly: input type="checkbox" ng-model="al...