                           </Input>
                         </td>
                         <td>
-                          <Input type="select" ref="denominatorBaseon#{index}" groupClassName='search-area' value={"#{@state.compareArgv[index].denominator.baseOn}"} onChange={@handleCompareChange}>
+                          <Input type="select" ref="DType#{index}" groupClassName='search-area' value={"#{@props.statisticsItems[index].denominatorType}"} onChange={@handleStatDTypeSet.bind(@, index)}>
                             <option key={CONST.search.rawDataIndex} value={CONST.search.rawDataIndex}>{__ "All Data"}</option>
                             <option key={CONST.search.filteredDataIndex} value={CONST.search.filteredDataIndex}>{__ "Filtered"}</option>
                             {

                          </Input>
                        </td>
                        {
                          if @state.compareArgv[index].numerator.baseOn is -1
                            <td>
                              <Input
                                type='number'
                                placeholder={"0"}
                                value={"#{@state.compareArgv[index].numerator.num}"}
                                ref="numerator#{index}"
                                groupClassName='search-area'
                                onChange={@handleCompareChange} />
                            </td>
                          else
                            <td>{@state.compareArgv[index].numerator.num}</td>
                        }
                        {
                          if @state.compareArgv[index].denominator.baseOn is -1
                            <td>
                              <Input
                                type='number'
                                placeholder={"0"}
                                value={"#{@state.compareArgv[index].denominator.num}"}
                                ref="denominator#{index}"
                                groupClassName='search-area'
                                onChange={@handleCompareChange} />
                            </td>
                          else
                            <td>{@state.compareArgv[index].denominator.num}</td>
                        }
                        <td>{@state.compareArgv[index].percent}</td>
                      </tr>
                  }
                  </tbody>

                      <th style={verticalAlign: 'middle'}>
                        <OverlayTrigger trigger='click' rootClose={true} placement='right' overlay={
                          <Popover title={__ "Tips"} id={"regExp-Hint"}>
                            <li>
                              {__ "Support the Javascript's "}
                              <a onClick={openExternal.bind(this, "http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp")}>
                                {"RegExp"}
                              </a>
                            </li>
                          </Popover>
                          }>
                          <FontAwesome name='question-circle'/>
