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 feel

• alpha - the chart area transparency. Makes sense only if the fill property is enabled
• disableLines - disables lines in a chart
• disableItems - disables items markers. Makes 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 minimum scale value
  • end - the maximum scale value
  • step - the scale step
  • decimalDigits - sets a fixed number of digits to the right of the decimal point for the step parameter
  • 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 lines

Data manipulation

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

Back to top