Merge pull request #5 from qlik-oss/data-limit

[QPE-233] Data limit

readme.md

@@ -31,6 +31,8 @@ The measures are optional
 QVF based on characters from Victor Hugo's novel , Les Misérables.
 ![Network chart](resources/network_chart_v1.png)
 
+### Data Limit
+Starts having issues stabilizing(transforming into untangled view) at around 100-200 nodes depending on dataset.
 
 # Getting Started
 

src/index.js

@@ -7,6 +7,7 @@ Use at your own risk.
 */
 import "@babel/polyfill";
 import paint from './paint';
+import './styles/main.less';
 
 const component = {
   initialProperties: {

src/paint.js

@@ -20,10 +20,10 @@ function paint ( $element, layout, qTheme, component ) {
     id = layout.qInfo.qId,
     containerId = 'network-container_' + id;
 
-
   if(qData && qData.qMatrix) {
     $element.empty().append($('<div />')
       .attr({ id: containerId })
+      .toggleClass('is-edit-mode', _this.inEditState())
       .css({
         height: $element.height(),
         width: $element.width(),

src/styles/main.less

@@ -0,0 +1,3 @@
+.is-edit-mode > div {
+  pointer-events: none;
+}