• Getting Started

  • Data

  • Chart Types

  • Chart Elements

  • Integrations

  • API

  • Tools

  • FAQ

  • Change Log

  • Open All Close All {
    "globals"
    "marker" "bottom-state" "media-rules" "top-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "gui" "behaviors"
    "context-menu"
    "button" "media-rules"
    "custom-items"
    "gear" "bottom-state" "media-rules" "top-state"
    "item" "hover-state"
    "separator"
    "progress" "watermark"
    "graphset" "3d-aspect"
    "arrows" "bottom-state"
    "from" "media-rules"
    "label" "media-rules"
    "media-rules"
    "to" "media-rules"
    "top-state"
    "bubble-legend" "bottom-state" "connector" "item"
    "marker" "bottom-state" "top-state"
    "top-state"
    "chart" "bottom-state" "media-rules" "top-state"
    "color-scale"
    "cursor" "bottom-state" "media-rules" "top-state"
    "guide"
    "item" "media-rules"
    "media-rules"
    "crosshair-x"
    "marker" "bottom-state" "media-rules" "top-state"
    "media-rules"
    "plot-label" "bottom-state" "media-rules" "top-state"
    "scale-label" "bottom-state" "media-rules" "top-state"
    "crosshair-y" "media-rules"
    "scale-label" "bottom-state" "media-rules" "top-state"
    "csv"
    "globals"
    "marker" "bottom-state" "media-rules" "top-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "guide"
    "marker" "bottom-state" "media-rules" "top-state"
    "media-rules"
    "plot-label" "bottom-state" "media-rules" "top-state"
    "scale-label" "bottom-state" "media-rules" "top-state"
    "heatmap" "graph"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "images" "bottom-state" "callout-tip" "inactive" "top-state"
    "labels" "bottom-state" "callout-tip" "hover-state" "media-rules" "top-state"
    "legend" "bottom-state"
    "footer" "media-rules"
    "header" "media-rules"
    "icon" "media-rules"
    "item" "highlight-state" "media-rules"
    "item-off" "media-rules"
    "marker" "bottom-state" "highlight-state" "media-rules" "top-state"
    "marker-off" "media-rules"
    "media-rules"
    "page-off" "media-rules"
    "page-on" "media-rules"
    "page-status" "bottom-state" "media-rules" "top-state"
    "scroll"
    "bar" "media-rules"
    "handle" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "media-rules"
    "nav"
    "back" "bottom-state" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "others"
    "no-data" "bottom-state" "media-rules" "top-state"
    "options"
    "arrow" "style"
    "back" "bottom-state" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "bars" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "box" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "button-zoomin" "bottom-state" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "button-zoomout" "bottom-state" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "buttons"
    "close" "bottom-state" "hover-state" "media-rules" "top-state"
    "container"
    "containers" "OBJECT_KEY_NAME"
    "data-source"
    "day" "inactive"
    "items" "d-YEAR-MONTH-DAY"
    "empty-series"
    "final" "bottom-state" "media-rules" "top-state"
    "format"
    "group-box" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "groups"
    "handle" "media-rules"
    "hover-state" "icon"
    "indicator" "npv" "title" "value"
    "intermediate" "bottom-state" "media-rules" "top-state"
    "item" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "item-group-n" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "item-id-n" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "item-level-n" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "label" "bottom-state" "hover-state" "media-rules" "top-state"
    "line" "line-max-connector" "line-max-level" "line-median-level" "line-min-connector" "line-min-level" "line-plot"
    "link" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[cls-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[container-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[group-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[level-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[parent-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[sibling]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[source-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "link[target-n]" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "links" "bottom-state" "end-point" "media-rules" "start-point" "top-state"
    "mainbox"
    "mmp-marker"
    "label" "bottom-state" "media-rules" "top-state"
    "month"
    "item" "media-rules"
    "items" "m-MONTH"
    "outline" "active"
    "multi-guide"
    "close" "bottom-state" "hover-state" "media-rules" "top-state"
    "handle" "media-rules"
    "label" "bottom-state" "hover-state" "media-rules" "top-state"
    "line"
    "negative" "bottom-state" "media-rules" "top-state"
    "node" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[cls-n]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[collapsed]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[group-n]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[leaf]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[level-n]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[parent]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "node[parent-n]" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "nodes"
    "OBJECT_KEY_NAME" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "others"
    "outlier" "hover-marker"
    "marker" "bottom-state" "media-rules" "top-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "positive" "bottom-state" "media-rules" "top-state"
    "scale"
    "label" "bottom-state" "callout-tip" "media-rules" "top-state"
    "pointer" "bottom-state" "media-rules" "top-state"
    "scale-y-2"
    "guide" "items" "media-rules" "rules"
    "item" "media-rules" "rules"
    "label" "media-rules"
    "markers" "bottom-state"
    "label" "bottom-state" "callout-tip" "media-rules" "top-state"
    "media-rules" "top-state"
    "media-rules" "minor-guide" "minor-tick" "ref-line"
    "tick" "rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "transform"
    "side-1" "side-2"
    "style"
    ".td" "media-rules"
    ".td_even" "media-rules"
    ".td_first" "media-rules"
    ".td_last" "media-rules"
    ".td_n" "media-rules"
    ".td_n_n" "media-rules"
    ".td_odd" "media-rules"
    ".th" "media-rules"
    ".th_even" "media-rules"
    ".th_first" "media-rules"
    ".th_last" "media-rules"
    ".th_n" "media-rules"
    ".th_odd" "media-rules"
    ".tr" "media-rules"
    ".tr_even" "media-rules"
    ".tr_first" "media-rules"
    ".tr_last" "media-rules"
    ".tr_n" "media-rules"
    ".tr_odd" "media-rules"
    "band" "hover-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "chord" "hover-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "flow" "bottom-state" "media-rules" "top-state"
    "hover-state"
    "item" "media-rules"
    "item-flow" "hover-state" "media-rules"
    "item-overall" "hover-state" "media-rules"
    "label" "media-rules"
    "label-overall" "media-rules"
    "media-rules" "rank-left" "rank-overall" "rank-right" "tick"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "subtitle" "media-rules"
    "tile" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "title" "media-rules"
    "tooltip-box" "bottom-state" "callout-tip" "media-rules" "top-state"
    "tooltip-group" "bottom-state" "callout-tip" "media-rules" "top-state"
    "trigger" "bottom-state" "hover-state" "media-rules" "top-state"
    "value" "hover-state"
    "violin" "style"
    "week"
    "items" "w-WEEK"
    "weekday"
    "item" "media-rules"
    "items" "wd-WEEKDAY"
    "words" "year"
    "palette"
    "plot" "animation" "background-marker" "background-state" "bottom-state" "dragging"
    "error" "hover-state"
    "facets" "bottom" "front" "left" "right" "top"
    "goal" "bottom-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "top-state"
    "guide-label" "bottom-state" "media-rules" "callout-tip" "top-state"
    "guide-marker" "bottom-state" "media-rules" "top-state"
    "highlight-marker" "bottom-state" "media-rules" "top-state"
    "hover-marker" "bottom-state" "media-rules" "rules" "top-state"
    "hover-state"
    "styles" "bottom-state" "media-rules" "top-state"
    "highlight-state" "media-rules"
    "legend-item" "media-rules"
    "legend-marker" "bottom-state" "media-rules" "top-state"
    "max-line"
    "max-marker" "bottom-state" "media-rules" "rules" "top-state"
    "marker" "media-rules" "rules"
    "media-rules" "min-line"
    "min-marker" "bottom-state" "media-rules" "rules" "top-state"
    "preview" "preview-state" "rules"
    "selected-marker" "bottom-state" "rules" "top-state"
    "selected-state" "bottom-state" "top-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "selected-state" "top-state"
    "top-state"
    "trend-down" "bottom-state" "media-rules" "top-state"
    "trend-equal" "bottom-state" "media-rules" "top-state"
    "trend-up" "bottom-state" "media-rules" "top-state"
    "value-box" "callout-tip" "connector" "joined" "media-rules"
    "rules" "joined" "shared"
    "shared"
    "plotarea" "bottom-state" "media-rules" "top-state"
    "preview" "active"
    "handle" "media-rules"
    "handle-bottom" "media-rules"
    "handle-left" "media-rules"
    "handle-right" "media-rules"
    "handle-top" "media-rules"
    "label" "media-rules"
    "mask" "media-rules"
    "refresh" "curtain"
    "resources" "scalable-y-axis"
    "scale"
    "item" "media-rules"
    "media-rules"
    "scale-k"
    "guide" "items" "media-rules"
    "item" "media-rules"
    "media-rules" "tick"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "transform"
    "scale-r"
    "center" "bottom-state" "media-rules" "top-state"
    "guide" "items" "rules" "media-rules"
    "item" "bottom-state" "media-rules" "top-state"
    "markers" "bottom-state"
    "label" "bottom-state" "callout-tip" "media-rules" "top-state"
    "media-rules" "top-state"
    "media-rules" "minor-guide" "minor-tick"
    "ring" "bottom-state" "items" "media-rules" "top-state"
    "tick"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "transform"
    "scale-v"
    "guide" "items" "media-rules" "rules"
    "item" "media-rules"
    "media-rules" "ref-line" "tick"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "transform"
    "scale-x"
    "guide" "items" "media-rules"
    "item" "media-rules"
    "label" "media-rules"
    "markers"
    "label" "media-rules"
    "media-rules"
    "media-rules" "minor-guide" "minor-tick" "ref-line" "rules" "tick"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "transform"
    "scale-y"
    "guide" "items" "media-rules" "rules"
    "item" "media-rules" "rules"
    "label" "media-rules"
    "markers" "label"
    "media-rules" "minor-guide" "minor-tick" "ref-line"
    "tick" "rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "transform"
    "scroll-x"
    "bar" "media-rules"
    "handle" "media-rules"
    "scroll-y"
    "bar" "media-rules"
    "handle" "media-rules"
    "selection-tool" "mask"
    "series" "animation" "background-marker" "background-state" "bottom-state" "children" "dragging" "entry"
    "error" "hover-state"
    "exit"
    "facets" "bottom" "front" "left" "right" "top"
    "goal" "bottom-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "top-state"
    "guide-label" "bottom-state" "media-rules" "callout-tip" "top-state"
    "guide-marker" "bottom-state" "media-rules" "top-state"
    "highlight-marker" "bottom-state" "media-rules" "top-state"
    "hover-marker" "bottom-state" "media-rules" "rules" "top-state"
    "highlight-state" "media-rules"
    "legend-item" "media-rules"
    "legend-marker" "bottom-state" "media-rules" "top-state"
    "marker" "bottom-state" "media-rules" "rules" "top-state"
    "max-line"
    "max-marker" "bottom-state" "media-rules" "rules" "top-state"
    "media-rules" "min-line"
    "min-marker" "bottom-state" "media-rules" "rules" "top-state"
    "preview" "preview-state" "rules"
    "selected-marker" "bottom-state" "rules" "top-state"
    "selected-state" "bottom-state" "top-state"
    "style"
    "band" "hover-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "chord" "hover-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "item" "media-rules"
    "item-flow" "hover-state" "media-rules"
    "item-overall" "hover-state" "media-rules"
    "label" "media-rules"
    "tick"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "top-state" "trend-down" "trend-equal" "trend-up"
    "value-box" "callout-tip" "connector" "joined" "media-rules"
    "rules" "joined"
    "values"
    "shapes" "bottom-state" "hover-state"
    "label" "media-rules"
    "media-rules"
    "options" "choropleth"
    "style" "bottom-state"
    "controls"
    "zoom-in" "bottom-state" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "zoom-out" "bottom-state" "hover-state" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "hover-state"
    "items"
    "OBECT_KEY_NAME" "bottom-state" "hover-state" "label" "media-rules" "tooltip"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "label" "media-rules"
    "media-rules" "top-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "top-state"
    "top-state"
    "source" "media-rules"
    "subtitle" "media-rules"
    "title" "media-rules"
    "tooltip" "bottom-state" "callout-tip" "media-rules" "rules" "top-state"
    "widget" "widgets"
    "zoom"
    "label" "media-rules"
    "media-rules"
    "history" "callout-tip" "item" "item-off"
    "refresh" "curtain"
    }

    graph » crosshair-y

    crosshair-y

    [ root » graph » crosshair-y ]

    Crosshairs are interactive labels that appear when users hover over the data points (or node values) on your chart. They can appear against the x- and/or y-axis, and are highly customizable. Crosshairs are much more efficient and performant compared to chart tooltips. Refer to the Crosshairs Tutorial for more information.


    Attribute Type Description
    alphaNumberSets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0.
    Default Value: 1
    classStringSets a class value on the object.
    Default Value: null
    dataN
    data-n
    AnyPrefix attribute or array using "data-" to define a custom token.
    idStringSets the id of the object.
    Default Value: ''
    lineCap
    line-cap
    StringSets the stroke-linecap attribute on SVGs
    Accepted Values: ['butt', 'round', 'square']
    Default Value: 'butt'
    lineColor
    line-color
    StringSets the line color of the object, applicable on non-closed shapes. See also border-color for closed shapes.
    Default Value: '#000'
    lineGapSize
    line-gap-size
    NumberCan be used to create custom dashed or dotted lines when used with line-segment-size. This will control the size of the gaps between each line segment.
    Default Value: 0
    lineJoin
    line-join
    StringSets the stroke-linejoin attribute on SVGs
    Accepted Values: ['round', 'miter']
    Default Value: 'round'
    lineSegmentSize
    line-segment-size
    NumberCan be used to create custom dashed or dotted lines when used with line-gap-size. This will control the size of the visible segment of line.
    Default Value: 0
    lineStyle
    line-style
    StringSets the line style of the object.
    Accepted Values: ['dashdot', 'dashed', 'dotted', 'solid']
    Default Value: ''
    lineWidth
    line-width
    NumberSets the line width of the object, applicable on non-closed shapes. See also border-width for closed shapes.
    Default Value: 0
    mediaRules
    media-rules
    Array.<Object>Configure media rules.
    reverseSeries
    reverse-series
    BooleanReserves the order of items in plotLabel of stacked charts.
    Chart types: Stacked Bar
    scaleLabel
    scale-label
    ObjectConfigure crosshair scale label
    shadowBooleanSets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation.
    Default Value: false
    shadowAlpha
    shadow-alpha
    NumberSets the transparency of the shadow of the object. The higher the value, the less transparent the shadow will be.
    Default Value: 0.75
    shadowAngle
    shadow-angle
    NumberSets the angle of the shadow underneath the object.
    Default Value: 45
    shadowBlur
    shadow-blur
    NumberSets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation.
    Default Value: 0
    shadowColor
    shadow-color
    StringSets the color of the shadow of the object.
    Default Value: '#999'
    shadowDistance
    shadow-distance
    NumberSets the distance between the shadow and the object.
    Default Value: 2
    stickyBooleanCreates sticky object. Use this with `timeout` to specify how long for object to stick to chart.
    Default Value: null
    timeoutNumberTime in milliseconds for object to remain sticky. Use this with `sticky` to specify whether object should stick to chart.
    Default Value: null
    typeStringSets the mode for crosshair. The "muliple" setting displays multiple plotLabels and crosshairY for all nodes. The "single" setting displays single plotLabel for all nodes.
    Accepted Values: ['multiple', 'single']
    Default Value: 'single'
    visibleBooleanSets the visibility of the object. Allows you to turn off the object without removing lines of JSON.
    Default Value: true