Wijmo UI for the Web
Round Bar Corners
Wijmo User Guide > Widgets > BarChart > BarChart How To > Round Bar Corners

Building on the Quick Start example, you can round the corners of the bars in the chart using the clusterRadius option.

Note: The clusterRadius option applies to all bars in the chart, and does not actually have anything to do with clustered bars.
  1. In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the clusterRadius option to round the bar corners by 5 pixels.

    Drop down and copy code

  2. No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the chart.
  3. Save your HTML file and open it in a browser. The chart appears like the one in the image below, with the bar corners rounded by 5 pixels.

See Also

Reference

wijbarchart jQuery Widget
clusterRadius Option
seriesList Option
data Option

Widgets

BarChart Quick Start
 
Support Options