Legend

Created with Raphaël 2.0.1Steam Top 10 Video Cards - Hardware SurveyMonthMayJunJulAugSepMobile Intel 4 Series ExpressNVIDIA GeForce 8600NVIDIA GeForce GTS 150NVIDIA GeForce 9600NVIDIA GeForce GTX 260NVIDIA GeForce 9800NVIDIA GeForce 8800ATI Radeon HD 4800ATI Radeon HD 5700ATI Radeon HD 5800Graphics Card012345678Percentage (%)1.721.891.941.821.911.81.841.81.881.92.171.961.811.771.612.42.292.232.332.233.32.932.832.972.853.973.793.573.73.644.44.114.234.424.466.595.795.95.935.896.825.845.464.924.227.046.025.625.24.66

This sample shows that we can click the legend to show/hide the bar series. This feature is very useful if you have a lot of data on single chart. It allows user to toggle series visibility and compare different sets of data with each other.

Test the features

  • Hover over a bar point to see the tooltip.
  • Note the legend at the right of the chart.
  • Click series items in the legend to toggle their visibility on the chart surface.
  • Play with legend options in the panel below to see it features.
  • Note the chart adjusts to the free space changes.