本文目录一览：
- 1、extjs4.2 charts做柱状图怎么设置柱子宽度
- 2、Extjs 4.2 chart中如何自定义legend 图列
- 3、extjs4 chart怎么动态增加维度
- 4、怎么在Extjs里面整合Echarts显示出图形 求代码
- 5、extjs4 charts做柱状图怎么设置柱子宽度
extjs4.2 charts做柱状图怎么设置柱子宽度
查阅了一下api，好像没有能设置柱状图单个柱宽的配置或方法
柱宽由x轴的数据数量自行计算得出的
Extjs 4.2 chart中如何自定义legend 图列
重写下面这个方法:
Ext.chart.LegendItem.prototype.getLabelText = function() {
var me = this, series = me.series, idx = me.yFieldIndex;
function getSeriesProp(name) {
var val = series[name];
return (Ext.isArray(val) ? val[idx] : val);
}
return getSeriesProp(‘dispalyField’) || getSeriesProp(‘yField’);
};
然后在series配置中添加如下
yField : [‘dataSum’, ‘dataSuccSum’, ‘dataFailSum’],
dispalyField : [‘总数’,
‘成功’,
‘失败’]
yField 是原生属性,dispalyField 是扩展属性.里面配置你想要显示的数据.注意要和yField 对应
extjs4 chart怎么动态增加维度
chart要展示的曲线将来可能是曲线的条数，名字，数据什么的都会改变，最主要的是要在同一个chart处能够通过下来选项框，选择任意展示数据曲线（也许一开始可能觉得，那我定义多个chart，每个chart对应一个下拉选项不就好了
但是，问题在于，现在下拉选项也是未来可能会动态增加的）Chart动态刷新fields，实际上就是chart中绘制的多条线可能是不固定的，动态改变的，或者至少说是chart的每条线的对应的fields域名是动态改变的。
怎么在Extjs里面整合Echarts显示出图形 求代码
1. index.html文件中引入Echarts
[html] view plain copy
script type=”text/javascript” src=”js/echarts-min.js”/script
“js/echarts-min.js”替换成自己的echart文件路径
2. 新建一个Panel（其他控件都OK），名字叫做EchartsPanel，名字可以根据自己项目需要取
extjs4 charts做柱状图怎么设置柱子宽度
加样式
例子
series: [
{
type: ‘column’,
axis: ‘left’,
highlight: true,
style: { width: 10 },//这里是宽度
tips: {
trackMouse: true,
width: 140,
height: 28,
renderer: function (storeItem, item) {
this.setTitle(storeItem.get(‘name’) + ‘: ‘ + storeItem.get(‘data’) + ‘ $’);
}
},
label: {
display: ‘insideEnd’,
‘text-anchor’: ‘middle’,
field: ‘data’,
renderer: Ext.util.Format.numberRenderer(‘0’),
orientation: ‘vertical’,
color: ‘#333’
},
xField: ‘name’,
yField: ‘data’
}
]
});
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/229269.html
微信扫一扫 
支付宝扫一扫 