title: How to disable click event on rowChart in dc.js
body: <p>I am doing a project using dc.js library. What I currently have is two nested charts:</p>
  
  <ul>
  <li>bar chart (above)</li>
  <li>rowChart (below)</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/LXtIW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LXtIW.png" alt="enter image description here"></a></p>
  
  <p>I want to disable a mouse click action on the row chart, but I do want to be able to update the data if I make a different selection on the bar chart. </p>
  
  <p>For now I am trying to do something like:</p>
  
  <pre><code>categoryChart.width(500)
      .height(300)
      .group(categoryGroup)
      .dimension(categoryDim)
      .rowsCap(10)
      .ordering(function(d) {return -d.value})
      .othersGrouper(false)
      .label(function (d) {
          return d.key;
      })
      .title(function (d) {return d.value;})
      .elasticX(true)
      .xAxis().ticks(4);
  </code></pre>
  
  <p>But I don't know what to add that can disable the click event. </p>