                           </Input>
                         </td>
                         {
-                          if @state.compareArgv[index].numerator.baseOn is -1
+                          if @props.statisticsItems[index].numeratorType is -1
                             <td>
                               <Input
                                 type='number'
                                 placeholder={"0"}
-                                value={"#{@state.compareArgv[index].numerator.num}"}
+                                value={"#{@props.statisticsItems[index].numerator}"}
                                 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
+                                onChange={@handleStatRuleNSet.bind(@, index)} />
+                            </td>
+                          else
+                            <td>{@props.statisticsItems[index].numerator}</td>
+                        }
+                        {
+                          if @props.statisticsItems[index].denominatorType is -1
                             <td>
                               <Input
                                 type='number'
                                 placeholder={"0"}
-                                value={"#{@state.compareArgv[index].denominator.num}"}
+                                value={"#{@props.statisticsItems[index].denominator}"}
                                 ref="denominator#{index}"
                                 groupClassName='search-area'
-                                onChange={@handleCompareChange} />
-                            </td>
-                          else
-                            <td>{@state.compareArgv[index].denominator.num}</td>
-                        }
-                        <td>{@state.compareArgv[index].percent}</td>
+                                onChange={@handleStatRuleDSet.bind(@, index)} />
+                            </td>
+                          else
+                            <td>{@props.statisticsItems[index].denominator}</td>
+                        }
+                        <td>{@props.statisticsItems[index].percent}</td>
                       </tr>
                   }
                   </tbody>

                      <tr key={index}>
                        {
                          if index is 0
                            <td style={verticalAlign: 'middle'}><FontAwesome name='plus-circle' onClick={@addCompareLine}/></td>
                          else
                            <td style={verticalAlign: 'middle'}><FontAwesome name='minus-circle' onClick={@deleteCompareLine.bind(@, index)}/></td>
                        }
                        <td>{index+1}</td>
                        <td>
                          <Input type="select" ref="numeratorBaseon#{index}" groupClassName='search-area' value={"#{@state.compareArgv[index].numerator.baseOn}"} onChange={@handleCompareChange}>
                            <option key={CONST.search.rawDataIndex} value={CONST.search.rawDataIndex}>{__ "All Data"}</option>
                            <option key={CONST.search.filteredDataIndex} value={CONST.search.filteredDataIndex}>{__ "Filtered"}</option>
                            {

                      <tr key={index}>
                        {
                          if index is 0
                            <td style={verticalAlign: 'middle'}>
                              <FontAwesome name='plus-circle' onClick={@handleAddSearch}/>
                            </td>
                          else
                            <td style={verticalAlign: 'middle'}>
                              <FontAwesome name='minus-circle' onClick={@handleDeleteSearchLine.bind(@, index)}/>
                            </td>
                        }
                        <td>{index+1}</td>
                        <td>
                          <Input type="select" ref="baseOn#{index}" groupClassName='search-area' value={"#{@props.searchItems[index].baseOn}"} onChange={@handleSeaBaseSet.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>
                            {
                              for i in [1..index]
                                <option key={CONST.search.indexBase + i} value={CONST.search.indexBase + i}>
                                  {__ "Search Result No. %s", i}
                                </option>
                            }
                          </Input>
                        </td>
                        <td>
                           <Input
                              type='text'
                              value={@props.searchItems[index].content}
                              placeholder={__ "Keywords"}
                              ref="search#{index}"
                              groupClassName='search-area'
                              onChange={@onSeaRuleKeySet.bind(@, index)} />
                        </td>
                        <td>{@props.searchItems[index].res}</td>
                        <td>{@props.searchItems[index].total}</td>
                        <td>{@props.searchItems[index].percent}</td>
                      </tr>
                  }
                  </tbody>
