EE2dev

    .unselect {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    div.chart {

EE2dev

    .unselect {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    div.chart {

EE2dev

Built with blockbuilder.org

EE2dev

EE2dev

This tree can be used without a web server.

• copy your JSON file into the function getData() - the first curly bracket of the JSON should remain in the line of return statement.
• use Array textinFrontOFNodeFor to enummerate the indices of internal node with the label being in front of it (instead on top)

EE2dev

EE2dev

An example of the visualization options for item explorer. Each visualization option is a function which returns the itemExplorerChart object, thus it allows method chaining.

In this example, the thousands separator is set to ".", and the tick format is set to "s". The thousands separator "." causes the decimal separator (of the percentages in the info and exploration panels) to be ",". The tick format "s" refers to the SI-prefix format type.

More examples

The main example is here.

Complete list of examples:

EE2dev

This is a demo to show how to use item explorer.

More examples

The main example is here.

Complete list of examples:

1. Data formatting
   • basic data structure

EE2dev

An example of the required format for item explorer. This example shows how to use all column features together.

More examples

The main example is here.

Complete list of examples:

1. Data formatting
   • basic data structure

EE2dev

An example of the required format for item explorer. This example shows how to use dimensions. Introducing different dimensions for the items typically means that each dimension is refering to something different. In this example dimensions distinguish between items (bought) and payment method. Using dimensions has two effects:

• for each dimension the corresponding items are shown in a separate chart with the dimension label for the x axis
• when sorting is applied each dimension is sorted separately

More examples

The main example is here.