使用 ExtJS 4 的堆叠和分组图表答案

【问题标题】：Stacked and Grouped Chart with ExtJS 4使用 ExtJS 4 的堆叠和分组图表
【发布时间】：2011-12-12 23:35:45
【问题描述】：

我正在尝试将 Fusion Charts 转换为内置的 ExtJS 4 图表，但我找不到创建 Stacked and Grouped Chart 的方法。有没有人成功地让它与 ExtJS 4 一起工作？

【问题讨论】：

在我的项目中一直使用 highcharts 作为主要的图表系统 :) 你的意思是你想在纯 ExtJS4 中创建这样的图表吗？
@LionelChan：是的，我想在纯 ExtJS 中复制链接图表。从我对新图表 api 的简短经验来看，它似乎远不如 ExtJS 3 中提供的强大，尤其是在使用商店的元数据配置图表时。
是的。没有存储就没有那么强大，但实际上在我的项目中我创建了自己的组件，它读取 HighCharts 配置并动态创建图表:)
@LionelChan：看来我明天要深入研究 HighCharts。
@Pie21 我刚刚发现了这个github.com/JoeKuan/Highcharts_ExtJs_4 它可能是唯一合适的选择。

标签： javascript extjs charts

【解决方案1】：

ExtJS 中的捆绑图表似乎无法做到这一点。我推荐 High Charts 或 Fusion Charts。

【讨论】：

【解决方案2】：

我找到了解决方案，您应该添加第二个栏系列，并为每个使用渲染处理程序，如下所示：

renderer: function(sprite, config, rendererData, index){ var w = config.width;
config.width = 30;
config.x = config.x + (w-30)/2 - 20; <--- -20 for first bar and + 20 for second

}

Source:

【讨论】：