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

guide

[ root » graph » scaleY » guide ]

Use the guide object to customize the scale guides for scaleY. Refer to the X/Y-Axis Scales Tutorial for more information.

Attribute	Type	Info
alpha	Numeric	Sets the transparency of the scale-x / scale-y guide. See the red lines. 0.3 \| 0.9 \| ...
background-color backgroundColor	String	Sets the background color of the scale-x / scale-y guide. See the blue background in between the red lines. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
background-color-1 backgroundColor1	String	Sets the first color of a 2 color background gradient of the object. To be used with `background-color-2`. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
background-color-2 backgroundColor2	String	Sets the second color of a 2 color background gradient of the object. To be used with `background-color-1`. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
items	Array	An array of objects, with each object containing styling attributes. Each object in the "items" array sets the styling attributes for the area at each index across the scale. A single object in "items" will have its attributes applied along every index. Two objects will have their attributes applied in an alternating manner across the indices of a scale. Three objects or more will have their attributes applied across the indices in a rotating manner. [...]
line-color lineColor	String	Sets the line color of the scale-x / scale-y guide. See the red lines. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
line-gap-size lineGapSize	Mixed	When using a dashed or dotted `line-type`, this will set the size of each gap between line segments. Can be used with `line-segment-size` to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the space between red lines. 4 \| "6px" \| ...
line-segment-size lineSegmentSize	Mixed	When using a dashed or dotted `line-type`, this will set the size of each visible segment of line. Can be used with `line-gap-size` to create unique dashed or dotted lines. For the scale-x / scale-y guide. See the red lines. 4 \| "6px" \| ...
line-style lineStyle	String	Sets the style applied to lines and borders of the scale-x / scale-y guide. See the red lines. "solid" \| "dotted" \| "dashed" \| "dashdot"
line-width lineWidth	Mixed	Sets the line width of the object, applicable on non-closed shapes. For the scale-x / scale-y guide. See the red lines. 4 \| "6px" \| ...
visible	Boolean	Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true \| false \| 1 \| 0