Vue.js Combination Charts
Vuejs Combination Charts are formed by combining multiple chart types in a single chart like line, column, area, error, etc. They are also called as Mixed / Combo Charts.
Line & Column Charts are generally combined with financial chart (candlestick / OHLC charts) as technical indicators. Combination of Range & Line Charts are generally used to show the range (high & low values) along with it's average values. Note that Pie, Doughnut, Funnel & Pyramid cannot be combined with any other chart type.
Vue.js Combination Charts
Combination Charts are also referred to as Combo / Mixed Charts & are formed by combining multiple chart types in one chart.
Features used Commonly in Vue.js Combination Charts
Most commonly used features in Vuejs Combination Charts include color, showing series name in legend, hiding / unhiding dataseries on clicking legend, etc.
- The color of the dataseries can be changed by setting color property.
- You can enable legend for any dataseries by setting showInLegend property to true.
- You can hide / unhide dataseries on clicking the legend items.
General Tips for Vue.js Combination Charts
- While combining area chart with any chart, always render area chart first & then the other types. Otherwise area chart will end up hiding other charts.
- While combining multiple chart types, consider using (fill) opacity to improve readability of chart