EXTJS6.0 饼图图例显示以及百分比显示
来源:互联网 发布:我赢职场java视频 编辑:程序博客网 时间:2024/06/05 04:08
学习EXTJS6.0 饼状图报表。也是在自己工作中遇到过的一些问题。不大也不小,总之就是比较烦人的那种。效果图如下
然而在之前我的图例显示始终是这样的,图例部分只有文字没有前面那个框。然而网上大部分都是上图那样的。到后面发现在extjs4.0之后,官方就把报表的样式给单独分出去了。所以在自己页面还需要引用 <link href="Extjs/classic/charts/classic/classic/resources/charts-all.css" rel="stylesheet" />这个文件。加入之后,图例就显示正确。
2.如何在饼图上显示百分比。
var percentchart = Ext.create({
xtype: 'polar',
anchor: '100% 100%',
reference: 'chart',
theme: 'default-gradients',
store: storepercent,
legend: {
docked: 'bottom'
},
interactions: ['rotate'],
series: {
type: 'pie',
angleField: 'count',
showInLegend: true,
label: {
field: ['tName'],
renderer: function (text, sprite, config, rendererData, index) {
var Data = rendererData.store.data.items;
var thisdata = Data[index];
var percent = ((parseFloat(thisdata.get('count') / rendererData.store.sum('count')) * 100.0).toFixed(2))
return text + "-"+percent+"%";
}
},
tooltip: {
trackMouse: true,
renderer: function (tooltip, record, item) {
var value = ((parseFloat(record.get('count') / record.store.sum('count')) * 100.0).toFixed(2));
tooltip.setHtml(record.get('tName') + ': ' + value + '%');
}
},
donut: 0
}
});
- EXTJS6.0 饼图图例显示以及百分比显示
- 饼图显示百分比
- 显示主题图图例
- highcharts 饼图显示数量和百分比
- MSChart 设置饼图颜色 图例背景色 图例显示位置
- MSChart 设置饼图颜色 图例背景色 图例显示位置
- highcharts入门之Pie:如何让Pie饼状图的图例内显示百分比(转)
- 设置chart饼图中显示的线,以及显示百分比
- 使用OWC显示图例
- 【Matplotlib】图例分开显示
- 显示图例(legend)
- matplotlib 图例显示中文
- echarts图例分页显示
- echarts图例显示不全以及颜色的一些问题
- MSChart饼图显示百分比-------牵手的博客
- Cognos 10.1 饼图百分比小数点显示的问题
- 快逸V5实现饼图数据显示百分比
- 润乾报表V5饼图显示百分比数据
- Apache Shiro简介
- 迷宫问题
- 使用C#开发数据库应用系统_使用ListView控件展示数据
- 我的秘密武器—Git
- QT5 学习记录 QSerialPort 类实现串口调试工具
- EXTJS6.0 饼图图例显示以及百分比显示
- LightOJ
- webservice-实现手机号码归属地的查询
- 回首Java——HashSet vs. TreeSet vs. LinkedHashSet
- Android精选完整源码之控件指示器视频压缩日历源码!
- 详细解释CNN卷积神经网络各层的参数和链接个数的计算
- php 有哪些数值是false
- ExtJs6学习(五)【ExtJs布局】
- 图片压缩技术