• Line chart demos
  • Line chart
  • Line chart, custom style
  • Line chart with two Y-axes
  • Combined line/bar chart
  • Line chart with logarithmic axis
• Bar chart demos
  • Bar chart
  • Column chart
  • Bar/Column chart, custom style
  • Bar chart with two Y-axes
• Pie chart demos
  • Pie chart
  • Pie chart, adjusted starting angle
  • Donut chart
  • Pie chart, pulled out slice
• Styling options
  • Predefined themes
  • Predefined color schemes
  • Custom colors
  • Custom styles
  • Automatically adjusting text color
• Custom theme demos
  • Halloween theme line chart
  • Halloween retail spending chart
  • Christmas - Most wished for products
• Code examples
  • Create a chart with JavaScript
  • Create a chart with GWT
  • HTML5
• Additional Features
  • CSV data import
  • Separation of presentation and content

Fully customized bar chart

The interactive JavaScript bar charts are also fully customizable

In this example we added a custom background picture to the bar chart. Horizontal gridlines are not necessary to understand the chart, so we only enabled vertical gridlines. The legend has a transparent black background to increase the contrast between background and lettering.

The value bars use a individual color palette that harmonizes well with the background picture.