[Ext JS 4] 实战之Chart Column Chart 定制颜色

前言

在Ext js 中,可以绘制柱状图和条状图。

柱状图 -- Column chart, 柱子是竖直方向的。

条状图 -- Bar Chart, 柱子是水平方向的。

上面的例子一个条状图的例子。

默认状况下， Ext Js 会使用 绿色，蓝色，深红，淡红这样的顺序来配色。

如果查看Ext js 源代码， 在 chart.theme目录下的 Base.js 文件中，有以下的代码,

colors: [ "#94ae0a", "#115fa6","#a61120", "#ff8809", "#ffd13e", "#a61187", "#24ad9a", "#7c7474", "#a66111"],

其实不难理解， Ext js 默认使用Base 这种主题来配置图形的颜色。

而实际开发过程中， 我们有给图形定制自己的颜色的需求， 如何实现？

总体来说，实现的方法有两种：

1. 定义新的theme ,并给出自己需要的颜色序列。(在图绘制之前)

2. 配置 chart 的series