JSON Configuration

{
  "globals": {},
  "gui": {
    "behaviors": [{}],
    "context-menu": {
      "button": {},
      "custom-items": [{}],
      "gear": {},
      "item": {}
    }
  },
  "graphset": [{
    "3d-aspect": {},
    "arrows": [{
      "from": {},
      "to": {}
    }],
    "crosshair-x": {
      "marker": {},
      "plot-label": {},
      "scale-label": {}
    },
    "crosshair-y": {
      "scale-label": {}
    },
    "csv": {},
    "images": [{}],
    "labels": [{
      "callout-tip": {}
    }],
    "legend": {
      "footer": {},
      "header": {},
      "icon": {},
      "item": {},
      "item-off": {},
      "marker": {},
      "page-off": {},
      "page-on": {},
      "page-status": {},
      "scroll": {
        "bar": {},
        "handle": {}
      },
      "tooltip": {}
    },
    "media-rules": [{}],
    "no-data": {},
    "options": {
      "context-menu": {
        "button": {},
        "items": {}
      },
      "indicator": {
        "npv": {},
        "title": {},
        "value": {}
      },
      "style": {
        "hover-state": {},
        "tooltip": {}
      },
      "words": []
    },
    "plot": {
      "animation": {},
      "background-marker": {},
      "background-state": {},
      "error": {
        "hover-state": {}
      },
      "errors": [],
      "goal": {},
      "guide-label": {},
      "highlight-marker": {},
      "highlight-state": {},
      "hover-marker": {},
      "hover-state": {},
      "legend-item": {},
      "legend-marker": {},
      "marker": {},
      "preview": {},
      "rules": [{}],
      "selected-marker": {},
      "selected-state": {},
      "tooltip": {},
      "trend-down": {},
      "trend-equal": {},
      "trend-up": {},
      "value-box": {
        "connector": {},
        "joined": {},
        "shared": {}
      }
    },
    "plotarea": {},
    "preview": {
      "active": {},
      "handle": {},
      "handle-bottom": {},
      "handle-left": {},
      "handle-right": {},
      "handle-top": {},
      "mask": {}
    },
    "scale": {},
    "scale-k": {
      "guide": {
        "items": [{}]
      },
      "item": {},
      "tick": {},
      "tooltip": {}
    },
    "scale-r": {
      "center": {},
      "guide": {},
      "item": {},
      "markers": [{
        "label": {}
      }],
      "minor-guide": {},
      "minor-tick": {},
      "ring": {
        "items": [{}]
      },
      "tick": {}
    },
    "scale-v": {
      "guide": {
        "items": [{}]
      },
      "item": {},
      "ref-line": {},
      "tick": {},
      "tooltip": {}
    },
    "scale-x": {
      "guide": {
        "items": [{}]
      },
      "item": {},
      "label": {},
      "markers": [{
        "label": {}
      }],
      "minor-guide": {},
      "minor-tick": {},
      "ref-line": {},
      "rules": [{}],
      "tick": {},
      "tooltip": {},
      "transform": {
        "guide": {},
        "item": {}
      }
    },
    "scale-y": {
      "guide": {
        "items": [{}]
      },
      "item": {},
      "label": {},
      "markers": [{
        "label": {}
      }],
      "minor-guide": {},
      "minor-tick": {},
      "ref-line": {},
      "rules": [{}],
      "tick": {},
      "tooltip": {},
      "transform": {}
    },
    "scroll-x": {
      "bar": {},
      "handle": {}
    },
    "scroll-y": {
      "bar": {},
      "handle": {}
    },
    "series": [{
      "animation": {},
      "background-marker": {},
      "background-state": {},
      "error": {},
      "errors": [],
      "goal": {},
      "guide-label": {},
      "highlight-marker": {},
      "highlight-state": {},
      "hover-marker": {},
      "hover-state": {},
      "legend-item": {},
      "legend-marker": {},
      "marker": {},
      "preview": {},
      "rules": {},
      "selected-marker": {},
      "selected-state": {},
      "tooltip": {},
      "trend-down": {},
      "trend-equal": {},
      "trend-up": {},
      "value-box": {},
      "values": []
    }],
    "shapes": [{
      "label": {}
    }],
    "source": {},
    "subtitle": {},
    "title": {},
    "tooltip": {},
    "widgets": [],
    "zoom": {
      "label": {}
    }
  }],
  "history": {
    "item": {},
    "item-off": {}
  },
  "refresh": {
    "curtain": {}
  }
}

 Back to Docs  Back to JSON Attributes Tree

values

[ root » graph » series » values ]

Use the values array(s) to contain the data values you wish to display. Data values are generally placed in an array or an array of arrays. Refer to the below table and applicable chart types tutorials for more information.

Type Values
Area

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    values: [
      [x0, y0],
      [x1, y1],
      [x2, y2],
      ...,
      [xN, yN]
    ]
  },
  ...
]

Bar/Column

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    values: [
      [x0, y0],
      [x1, y1],
      [x2, y2],
      ...,
      [xN, yN]
    ]
  },
  ...
]

Bubble

Array of Arrays:

series: [
  {
    values: [
      [x0, y0, bubbleSize0],
      [x1, y1, bubbleSize1],
      [x2, y2, bubbleSize2],
      ...,
      [xN, yN, bubbleSizeN]
    ]
  },
  ...
]

Bullet

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN],
    goals: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Chord Diagram

Array:

series: [
  {
    values: [val1, val2, val3, ..., valN]
  },
  {
    values: [val1, val2, val3, ..., valN]
  },
  ...,
  {
    values: [val1, val2, val3, ..., valN]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Funnel

Single funnel:

series: [
  {
    values: [step1]
  },
  {
    values: [step2]
  },
  ...,
  {
    values: [stepN]
  }
]

Multiple funnels:

series: [
  {
    values: [funnel1-step1, funnel2-step1, ..., funnelN-step1]
  },
  {
    values: [funnel1-step2, funnel2-step2, ..., funnelN-step2]
  },
  ...,
  {
    values: [funnel1-stepN, funnel2-stepN, ..., funnelN-stepN]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Gauge

Needle(s):

series: [
  {
    values: [needle1]
  },
  {
    values: [needle2]
  },
  ...,
  {
    values: [needleN]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Grid

Array:

series:[
  {
    values: [row1-col1, row1-col2, row1-col3, ..., row1-colN]
  },
  {
    values: [row2-col1, row2-col2, row2-col3, ..., row2-colN]
  },
  ...,
  {
    values: [rowN-col1, rowN-col2, rowN-col3, ..., rowN-colN]
  }
]

Heat Map

Array:

series: [
  {
    values: [val0, val1, val2, ..., valN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data
Line

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    values: [
      [x0, y0],
      [x1, y1],
      [x2, y2],
      ...,
      [xN, yN]
    ]
  },
  ...
]

Mixed

Array:

series: [
  {
    type: 'chartType',
    values: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    type: 'chartType',
    values: [
      [x0, y0],
      [x1, y1],
      [x2, y2],
      ...,
      [xN, yN]
    ]
  },
  ...
]

Nested Pie

Array:

series: [
  {
    values: [layer1-slice1, layer2-slice1, ..., layerN-slice1]
  },
  {
    values: [layer1-slice2, layer2-slice2, ..., layerN-slice2]
  },
  ...,
  {
    values: [layer1-sliceN, layer2-sliceN, ..., layerN-sliceN]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Pareto

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Pie

Array:

series: [
  {
    values: [slice1]
  },
  {
    values: [slice2]
  },
  ...,
  {
    values: [sliceN]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Population Pyramid

Array:

series: [
  {
    dataSide: 1,
    values: [y0, y1, y2, ..., yN]
  },
  {
    dataSide: 2,
    values: [y0, y1, y2, ..., yN]
  }
],

scaleX: {}

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Radar

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Range

Array:

series: [
  {
    values: [
      [lower-y0, upper-y0],
      [lower-y1, upper-y1],
      [lower-y2, upper-y2],
      ...,
      [lower-yN, upper-yN]
    ]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    values: [
      [x0, [lower-y0, upper-y0]],
      [x1, [lower-y1, upper-y1]],
      [x2, [lower-y2, upper-y2]],
      ...,
      [xN, [lower-yN, upper-yN]]
    ]
  },
  ...
]

Scatter

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN]
  },
  ...
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    values: [
      [x0, y0],
      [x1, y1],
      [x2, y2],
      ...,
      [xN, yN]
    ]
  },
  ...
]

Stock

Array:

series: [
  {
    values: [
      [open0, high0, low0, close0],
      [open1, high1, low1, close1],
      [open2, high2, low2, close2],
      ...,
      [openN, highN, lowN, closeN]
    ]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

View our scales doc for more details on plotting time series data

Array of Arrays:

series: [
  {
    values: [
      [x0, [open0, high0, low0, close0]],
      [x1, [open1, high1, low1, close1]],
      [x2, [open2, high2, low2, close2]],
      ...,
      [xN, [openN, highN, lowN, closeN]],
    ]
  }
]

Venn Diagram

Two Sets:

series: [
  {
    values: [val1],
    join: [join1]
  },
  {
    values: [val2],
    join: [join2]
  }
]

Three Sets:

series: [
  {
    values: [val1],
    join: [join1]
  },
  {
    values: [val2],
    join: [join2]
  },
  {
    values: [val3],
    join: [join3]
  }
]

Accepted values types:

  • ± integers
  • ± decimals
  • null values

Waterfall

Array:

series: [
  {
    values: [y0, y1, y2, ..., yN, 'SUM']
  }
]

Chart View Code View
Edit This Chart Share This Chart Start a FREE Trial
JS JSON