CanvasJS v1.7.0 Beta with Custom Formatting, Subtitle, etc

Posted on

Today we are releasing v1.7 with lot of new features which should give you finer control over chart. This is a major version which supports custom formatter functions which was one of most requested features till now. With custom formatter functions you can format labels on axis according to your requirement. Apart from this we have also implemented Subtitles, line dash type properties, etc.

Javascript Chart Dotted Line

Do try out our current version and let us know your feedback. Below is a summary of this release.

Enhancements / New Features

Static Methods for Formatting Numbers & DateTime values
  1. CanvasJS.formatNumber(number, [formatString], [culture])
  2. CanvasJS.formatDate(date, [formatString], [culture])
Subtitles
  1. New Element using which you can render any number of Subtitles inside the chart. Supports all features that are present in Title except that subtitle is smaller in size by default.
Title
  1. Control over Wrapping behaviour using wrap & maxWidth properties
  2. Ability to show title inside PlotArea using dockInsidePlotArea property. This gives more space for the rendered chart
Legend
  1. Custom Formatter Function to format legend item’s text – itemTextFormatter
  2. Ability to reverse the order of legend items using reversed property
  3. Text wrapping using itemWrap & itemMaxWidth property.
  4. Ability to align multiple rows of legend items using itemWidth property.
  5. maxWidth & maxHeight property
  6. Ability to show legend inside PlotArea using dockInsidePlotArea property. This gives more space for the rendered chart
ToolTip
  1. Custom Formatter Function to format toolTip’s content – contentFormatter.
  2. Ability to reverse the order of toolTip items using reversed property.
  3. Background and Border properties – backgroundColor, borderColor, borderThickness, cornerRadius.
  4. Font Properties – fontColor, fontFamily, fontSize, fontWeight, fontStyle.
Axis
  1. Now you can customize Line Dash type using lineDashType & gridDashType
  2. Custom Formatter function to format axis labels – labelFormatter
StripLine
  1. Ability to show stripLine above dataPoints using showOnTop property.
  2. Custom Formatter Function to format stripLine’s label – labelFormatter.
  3. opacity property
  4. lineDashType property
DataSeries
  1. lineDashType property which allows you to draw different types of lines like dashed, dotted, etc.
  2. indexLabelLineDashType to control indexLabeLine’s dash type.
  3. Custom Formatter function to format indexLabels – indexLabelFormatter.
  4. Ability to wrap indexLabels in all chart types using indexLabelWrap & indexLabelMaxWidth properties.
  5. indexLabelBackgroundColor for all chart types.
  6. Ability to disable dataPoint highlighting on mouseover using highlightEnabled property.
  7. Keywords support in legendText.
DataPoints
  1. Ability to wrap indexLabels in all chart types using indexLabelWrap & indexLabelMaxWidth properties.
  2. indexLabelLineDashType to control indexLabeLine’s dash type.
  3. Custom Formatter function to format indexLabels – indexLabelFormatter.
  4. indexLabelBackgroundColor for all chart types.
  5. Ability to disable specific dataPoint highlighting on mouseover using highlightEnabled property.
  6. showInLegend which allows you to selectively display/hide dataPoints inside legend.
  7. Keywords support in legendText.

Change in Behaviour

  1. Title’s Margin is now applied only towards the PlotArea.
  2. If labelFontColor is not mentioned in stripLine, it takes the value from stripLine’s color property.
  3. In toolTip we have differentiated between content string and content formatter function. Earlier you could assign either a string or function to content property. Now string need to assigned to content property and formatter function to contentFormatter.
  4. indexLabels are centered vertically when placed inside column/bar charts. Earliest it used to be towards the end.
  5. indexLabels are shown inside column/bar by default for stacked charts.

Bug Fixes

  1. In few cases menu button was overlapping the title.
  2. Setting toolTip’s shared property used to throw error in Pie & Doughnut Chart.
  3. In few specific cases Column/Bar width was not getting calculated properly in multi-series chart if there was only one dataPoint in each series.
  4. When there was only one dataPoint with dateTime value for x, axis used to show label as 000ms.

Do download the latest version from our download page and let us know your feedback

Thank You,
Anjali Jain
Team CanvasJS


Comments 2

  1. Pingback: CanvasJS 1.7.0 goes GA - CanvasJS

Leave a Reply

Your email address will not be published. Required fields are marked *