[Ext JS 4] 实战之Chart 坐标控制（单坐标，双坐标）

最新推荐文章于 2021-01-07 11:21:49 发布

oscar999

最新推荐文章于 2021-01-07 11:21:49 发布

阅读量1.2w

点赞数 1

分类专栏： 130-Web语言 Ext JS开发大全

本文链接：https://blog.csdn.net/oscar999/article/details/31787915

版权

219 篇文章 0 订阅 ¥39.90 ¥99.00

订阅专栏

184 篇文章 33 订阅 ¥99.90 ¥299.90

订阅专栏

本文介绍了在Ext JS 4中如何控制Chart坐标轴，包括设置坐标轴长度、处理多图形与双纵坐标轴的情况。详细讲解了在需要堆叠图性时，如何确保左右坐标一致的问题，并提供了相应的解决方案和完整源码。

摘要由CSDN通过智能技术生成

在Extjs 中，单一的 Column Chart 的展示效果如上。

定义的步骤如下：

1. 创建一个 Ext.chart.Chart

2. 创建两个坐标轴， axes

一个 Category 类型的横坐标用来显示日期

一个Numeric 类型的纵坐标用来显示数据

3. 配置显示的图 series

配置 column 类型的柱状图。

具体代码如下：

<!--
 Author : oscar999
 Date : 
 ALL RIGHTS RESERVED
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.

了解本专栏

关注

专栏目录