Extjs Ext JS图表以错误/相反顺序显示Y轴标签
下面是我添加的屏幕截图对应的代码。如果参考代码开头的数据字段,您将看到Y轴上的标签显示错误 导入这些LIB,这与我在这个官方图表预览中发现的示例字符导入相同(zip文件在文章末尾,其中的条形图也是错误的!!!):Extjs Ext JS图表以错误/相反顺序显示Y轴标签,extjs,Extjs,下面是我添加的屏幕截图对应的代码。如果参考代码开头的数据字段,您将看到Y轴上的标签显示错误 导入这些LIB,这与我在这个官方图表预览中发现的示例字符导入相同(zip文件在文章末尾,其中的条形图也是错误的!!!): 一个已知的extjs 4.0.0错误!只需升级到4.1.x即可解决问题。 <link rel="stylesheet" type="text/css" href="../../resources/css/ext.css" /> <script type="text/j
一个已知的extjs 4.0.0错误!只需升级到4.1.x即可解决问题。
<link rel="stylesheet" type="text/css" href="../../resources/css/ext.css" />
<script type="text/javascript" src="../../ext-core.js"></script>
<script type="text/javascript" src="../../ext-chart.js"></script>
<script type="text/javascript" src="Bar3.js"></script>
<link rel="stylesheet" type="text/css" href="ext-all.css" />
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="Bar3.js"></script>
Ext.onReady(function () {
var chart;
var store1 = new Ext.data.JsonStore({
fields:['name', 'data1'],
data: [
{name:'Jan', data1: 2000},{name:'Feb', data1: 1800},
{name:'Mar', data1: 1500},{name:'Apr', data1: 1000}
]});
chart = new Ext.chart.Chart({
renderTo: Ext.get('graphDiv'),
width: 600,
height: 400,
animate: true,
shadow: true,
store: store1,
autoScroll: true,
axes: [{
type: 'Numeric',
position: 'bottom',
fields: ['data1'],
label: {
renderer: Ext.util.Format.numberRenderer('0,0')
},
title: 'Number of Hits'
}, {
type: 'Category',
position: 'left',
fields: ['name'],
reverse: true,
title: 'Month of the Year'
}],
series: [{
type: 'bar',
axis: 'bottom',
highlight: true,
label: {
display: 'insideEnd',
field: 'data1',
renderer: Ext.util.Format.numberRenderer('0'),
orientation: 'horizontal',
color: '#333',
'text-anchor': 'middle',
contrast: true
},
xField: 'name',
yField: 'data1'
}]
});
});