DHTMLX Docs & Samples Explorer

Radar chart properties

Configuration properties are set in the chart constructor. Some of them are mandatory, others - optional.

var radarChart =  new dhtmlXChart({
    view:"radar",
    container:"chart_container",
    value:"#sales#"
})

Mandatory properties

  • container - the id of an html container where you want display the chart
  • view - the chart type
  • value - a property of dataset that chart represents

Optional properties

look and fill

  • alpha - the chart area transparency. Has sense only if the fill property is enabled
  • disableLines - disables lines in a chart
  • disableItems - disables items markers. Has sense only if the fill property is enabled
  • fill - fills the chart area with the specified background color
  • padding - an object that defines padding of chart content:
    • top - the top padding
    • bottom - the bottom padding
    • left - the left padding
    • right - the right padding
  • line - a chart line
    • color - the line color
    • width - the line width
  • item - a chart point
    • borderColor - the outer color of a point
    • borderWidth - the width of border lines
    • color - the inner color of a point
    • radius - the item radius
    • type - the shape of points

item details

  • tooltip - a template for item tooltips
  • legend - a template for element text in legend block
    • width - the block width
    • align - the horizontal alignment of the block: “left”, “right” or “center”
    • valign - the vertical alignment of the block: “top”,“bottom” or “middle”
    • layout - a layout that defines text stretching in horizontal or vertical direction :“x” or “y”
    • padding - the legend block padding
    • margin - the legend block margin
    • marker - an object that defines markers in the details block
      • radius - defines the radius of markers
      • type - the marker shape
      • width - the marker width
      • height - the marker height
    • toggle - enables/disables the possibility to hide/show a graph by clicking on the graph legend item
    • values - the legend items

scales

  • xAxis - the horizontal scale
    • lineColor - the color of lines
    • template - the template for radial titles
  • yAxis - the vertical scale
    • start - the mininum scale value
    • end - the maximum scale value
    • step - the scale step
    • template - a template for scale markers. By default, it is defined by the 'start', 'step' and 'end' attributes
    • lineShape - the type of lines: 'line' or 'arc'
    • lineColor - the color of scale arcs

data manipulation

  • group - groups data by a certain property
  • sort - sorts dataset