JavaScript Chart Labels Details

Labels

• Extensive Label Token support for [SeriesCollection,Series,Point,Value]
• Label Expressions - Calculate expression values seamlessly within Label Token text
• Label Formatting & Globalization

  • RTL Text Support
  • Label Globalization: Unicode characters
  • Automatic support for all cultures
  • Label text inline formatting
  • Label Callbacks (functions to process label text)
  • Additional Format Strings

    • 'a', 'a2': For automatic magnitude symbols: k, M, B
    • 't' Ten formatting for 10² number formats.
• Clickable Icons In Labels Support
• Icons (native svg vector support) are now supported in all text labels

  • Linear gradients for <icon> tags
• Point label attribute tokens (shows extra data attributes)
• series.attributes property for use with series tokens.
• Label Styling

  • Label Stroke with label.outline Options
  • Label Opacity Setting
• Label Size Alignment

  • Vertical and horizontal label alignment for most scenarios.
  • Label placement (inside/outside) for many scenarios like on a data point visual.
  • Ability to disable automatic label wrapping
  • Reliably use maxWidth with labels
  • Label ellipsis text overflow support
• Label Absolute Positioning
• Label HTML Tags

  • <hr> Horizontal line
  • <ul> <li> Lists
  • <img> Image support
  • <icon> Icons (native svg vector support) are now supported in all text labels
  • <sup> and <sub> Superscript and subscript text support.
• Data Point SmartLabels

  • Pie slice labels can fit inside slices or know if they don't fit
  • Bubble type can fit labels inside the bubble if it fits
  • Auto rotate on columns
  • Avoid other labels and points
  • Control labels completely or partially with options autoHide, placement, align, and verticalAlign
  • Auto hide labels that will not fit
  • Point %icon Token
• JSC.label(div, text) - Add icons and microchart svg snippets to any div element on an HTML page

  • JSC.label() preserve option to animate
• Superimpose Microcharts with <absolute> tag