Ext JS 5聚类图
有人试图在Ext 5中实现集群图表吗？
我在Ext 乐天厨房中看到了这个例子。
但在厨房常用水槽中没有任何例子。
我试图从旧式厨房水槽中复制示例，但无法使其在本地服务器上工作。我所能得到的就是显示在附呈的截图上：
可能是Ext版本的问题吗？我使用的是5.0.0.970，它似乎是目前的最新版本。
回答 3
Stack Overflow用户
发布于 2014-07-02 20:23:32
我已经找到了解决办法。在目前的版本中，“sencha-图表”似乎没有集群图表功能。如果你需要它，你可以使用“分机图表”。将其添加到app.json的"requires“部分。然后，来自http://dev.sencha.com/ext/5.0.0/examples/charts-kitchensink/#clustered-bar的示例将起作用。
Stack Overflow用户
发布于 2014-09-25 06:23:16
我通过使用stacked: false实现了这一点。
代码示例。
图表：
Ext.define('App.Domain.Chart', {
extend: 'Ext.chart.CartesianChart',
title: 'Chart',
alias: 'widget.appDomainChart',
legend: {
docked: 'bottom'
},
interactions: ['itemhighlight'],
colors: ['blue', 'red'],
axes: [{
type: 'numeric',
position: 'left',
adjustByMajorUnit: true,
grid: true,
fields: ['ActualParameter'],
minimum: 0
}, {
type: 'category',
position: 'bottom',
grid: true,
fields: ['ControlValue'],
}],
series: [{
type: 'bar',
axis: 'left',
title: ['Fact', 'Planned'],
xField: 'ControlValue',
yField: ['ActualParameter', 'PlannedParameter'],
display: 'outside',
stacked: false,
style: {
opacity: 0.80
},
highlight: {
fillStyle: 'green'
},
tooltip: {
style: 'background: #fff',
renderer: function (storeItem, item) {
var browser = item.series.getTitle()[Ext.Array.indexOf(item.series.getYField(), item.field)];
this.setHtml(browser + ': ' + storeItem.get(item.field) + '.');
}
}
}]
});数据：
{
"data": {
"items": [
{
"Id": 54,
"ObjectName": null,
"StageName": null,
"Result": "Result 1",
"ControlValue": "Control value 1",
"PlannedParameter": 10.0,
"ActualParameter": 10.0,
"Unit": "days",
"Indicator": 1
},
{
"Id": 55,
"ObjectName": null,
"StageName": null,
"Result": "",
"ControlValue": "Control value 2",
"PlannedParameter": 3.0,
"ActualParameter": 3.0,
"Unit": "departments",
"Indicator": 1
},
{
"Id": 56,
"ObjectName": null,
"StageName": null,
"Result": "",
"ControlValue": "Control value 3",
"PlannedParameter": 100.0,
"ActualParameter": 100.0,
"Unit": "%",
"Indicator": 4
}
],
"totalCount": 3
},
"errors": [],
"success": true,
"totalCount": 3,
"globalErrors": []
}结果为图像：http://screencast.com/t/ilb0mYZIUJ4
Stack Overflow用户
发布于 2014-07-01 10:56:43
请将xtype：“图表”改为xtype：“笛卡尔”
他们删除了图表组件，并添加了笛卡尔、极地和空间填充组件。
参考文献：http://docs-origin.sencha.com/extjs/5.0.0/apidocs/#!/api/Ext.chart.CartesianChart
https://stackoverflow.com/questions/24455888
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号