Superset 二次开发

持续更新。。。

2019/2/24  项目已暂时停止。

版本： 0.19.0

一、前端

 

1. dashboard 中table 分页组件、搜索组件汉化，在项目中始终搜索不到类似的关键字， 后端返回数据中也没有 ==> 使用的是datatables表格组件， 在初始化的时候 $（'datatable'）.DataTables({}) 中增加language配置项；
2. dashboard 饼图中维度默认是多选，选择多个维度后会报错也不符合要求 ==> 在explore/store/VisTypes.js 中找到pie配置项下面label平级增加一个 controlOverrides: {groupby:{multi:false,}}, 其他图表同理，想要覆盖全局的一些props的话就在这个地方加；
3.  大数目带趋势线图中日期格式化，修改visualizations/big_number.js ::18 Moment(dttm).format('YYYY-MM-DD')
4.  原本selice的条件是从data-bootstrap中获取的， 修改成从获取slice的接口上最新的， 修改nvd3_vis.js ::98 const fb = payload..form_data
5.  透视图表格列比较少时不会平铺在slice中， 通过判断slice class ， 为透视图的slice 下的table及其相关容器增加 width为100%的样式；
6.  为某个图表类型增加编辑项： 在visTypes.js 找到对应的类型， 在controlSetRows下面进行增加， 增加后请求数据时的data中就有了相应的参数， 后端进行处理即可；
7.  词云图设置limit后显示数量不正确， 重新设置最大字号和最小字号， 差距不要太大；
8.  双纵轴折线图, 汉化 legend 中 right axis , nvd3_vis.js 中 drawGraph 方法里找到 dual_line ,添加 chart.legendRightAxisHint('右轴')
9.  多图中X轴显示时间与图形中的分隔线位置不对, 与实际数据时间也不对, 暂时解决办法: 修改 node_modules/nvd3/build/nvd3.js  ::9659  (var x = d3.time.scale.utc(),)
   
   修改后效果, 
   
10. slice 大小调整时不易控制， 不能大小调整单位太大 => 图表的拖动及大小调整是使用的一个叫做reactGridLayout的组件，可以修改项目中javascript/dashboard/components/GridLayout 中 ResponsiveReactGridLayout 的rowHeight的值，默认是100， 可根据自己需求改大小， 弊端是改了之后之前已经制作的slice的大小在显示的时候会有影响，需要重新调整；
11. 模板文件中国际化， 修改translations 中对应语言的文件后 在当前目录下执行 没试过飞毛腿-从messages.po 将修改后的po文件重新编译一下， 成 messages.mo文件；
    新版本的国际化： 

    

12.