ExtJs 4集成D3js饼图示例
ExtJs 4的D3js饼图演示:
-
将Sass文件 /sass/src/ux/chart/series/D3Pie.scss
复制到您的项目中;
-
将JS文件 /app/ux/chart/series/D3Pie.js
复制到你的项目中;
-
修改类名为 Sandbox.ux.chart.series.D3Pie
;
-
在配置中添加 requires: ['Sandbox.ux.chart.series.D3Pie']
。
将Sass文件 /sass/src/ux/chart/series/D3Pie.scss
复制到您的项目中;
将JS文件 /app/ux/chart/series/D3Pie.js
复制到你的项目中;
修改类名为 Sandbox.ux.chart.series.D3Pie
;
在配置中添加 requires: ['Sandbox.ux.chart.series.D3Pie']
。
更新图表配置:
{ xtype: 'chart', cls: 'ux-d3-pie', series: [ { type: 'd3pie' } ] }
以上步骤将帮助你在 ExtJs 4 中顺利集成 D3js 饼图。
下载地址
用户评论