KavaChart in Action - Examples and Documentation - ProServe

[ Back ] Specialty Chart Collection - Multi-Axis Charts

Some charts need to compare data items with very different scales. For example, you might want to compare velocity with fuel consumption, or stock prices with sales volumes.

Charts like this use Y axes on the left and the right side to describe the dual numeric scales that are being compared. Generally the X axis is shared.

KavaChart ProServe includes these multi-axis charts:

  • twinAxisBarAreaApp
  • twinAxisBarLineApp
  • twinAxisStackBarLineApp
  • twinAxisLineApp
  • twinAxisDateLineApp
KavaChart's ChartWizard can help you design these charts, or you can build them by editing the parameters directly.
 

This chart combines two data types, a bar and a line, to show one year's weekly spending and cumulative spending in the same chart. In this chart, one axis is assigned to the bar data type and the other axis is assigned to the line. You can have multiple datasets of either data type. By default, the line data is assigned to the left axis and the bar data is assigned to the right axis.

To reassign data to a different chart tye and (implicitly) a different axis, change the param "dataset0Type". To reassign the axes to different sides, use "yAxisOptions" and "auxAxisOptions" with the option "leftAxis" or "rightAxis". All bar axis parameters begin with "auxAxis". For example, "auxAxisEnd" will hint where the bar axis should end.

Line charts visually imply trends, and bar charts are used for comparing discrete observations. That makes a chart like this best for describing a trend that accompanies a set of observations.

Weekly Spending Spending:$32 Weekly Spending Spending:$60 Weekly Spending Spending:$30 Weekly Spending Spending:$56 Weekly Spending Spending:$697 Weekly Spending Spending:$103 Weekly Spending Spending:$35 Weekly Spending Spending:$1,024 Weekly Spending Spending:$434 Weekly Spending Spending:$18,468 Weekly Spending Spending:$1,125 Weekly Spending Spending:$22 Weekly Spending Spending:$3,005 Weekly Spending Spending:$625 Weekly Spending Spending:$120 Weekly Spending Spending:$9,800 Weekly Spending Spending:$3,606 Weekly Spending Spending:$12,560 Weekly Spending Spending:$3,603 Weekly Spending Spending:$450 Weekly Spending Spending:$1,456 Weekly Spending Spending:$630 Weekly Spending Spending:$31,193 Weekly Spending Spending:$600 Weekly Spending Spending:$4,076 Weekly Spending Spending:$22,145 Weekly Spending Spending:$5,810 Weekly Spending Spending:$8,504 Weekly Spending Spending:$6,480 Weekly Spending Spending:$125 Weekly Spending Spending:$1,500 Weekly Spending Spending:$3,671 Weekly Spending Spending:$12,800 Weekly Spending Spending:$5,100 Weekly Spending Spending:$230 Weekly Spending Spending:$14,850 Weekly Spending Spending:$1,120 Weekly Spending Spending:$391 Weekly Spending Spending:$700 Weekly Spending Spending:$420 Weekly Spending Spending:$13,445 Weekly Spending Spending:$563 Weekly Spending Spending:$115 Weekly Spending Spending:$10,200 Weekly Spending Spending:$700 Weekly Spending Spending:$2,957 Weekly Spending Spending:$7,070 Cumulative Spending Spending:$32 Cumulative Spending Spending:$92 Cumulative Spending Spending:$122 Cumulative Spending Spending:$178 Cumulative Spending Spending:$875 Cumulative Spending Spending:$978 Cumulative Spending Spending:$1,013 Cumulative Spending Spending:$2,037 Cumulative Spending Spending:$2,471 Cumulative Spending Spending:$20,939 Cumulative Spending Spending:$22,064 Cumulative Spending Spending:$22,086 Cumulative Spending Spending:$25,091 Cumulative Spending Spending:$25,716 Cumulative Spending Spending:$25,836 Cumulative Spending Spending:$35,636 Cumulative Spending Spending:$39,242 Cumulative Spending Spending:$51,802 Cumulative Spending Spending:$55,405 Cumulative Spending Spending:$55,855 Cumulative Spending Spending:$57,311 Cumulative Spending Spending:$57,941 Cumulative Spending Spending:$89,134 Cumulative Spending Spending:$89,734 Cumulative Spending Spending:$93,810 Cumulative Spending Spending:$115,955 Cumulative Spending Spending:$121,765 Cumulative Spending Spending:$130,269 Cumulative Spending Spending:$136,749 Cumulative Spending Spending:$136,874 Cumulative Spending Spending:$138,374 Cumulative Spending Spending:$142,045 Cumulative Spending Spending:$154,845 Cumulative Spending Spending:$159,945 Cumulative Spending Spending:$160,175 Cumulative Spending Spending:$175,025 Cumulative Spending Spending:$176,145 Cumulative Spending Spending:$176,536 Cumulative Spending Spending:$177,236 Cumulative Spending Spending:$177,656 Cumulative Spending Spending:$191,101 Cumulative Spending Spending:$191,664 Cumulative Spending Spending:$191,779 Cumulative Spending Spending:$201,979 Cumulative Spending Spending:$202,679 Cumulative Spending Spending:$205,636 Cumulative Spending Spending:$212,706
 

Areas also convey trends. This chart uses the same parameter definition as the previous chart, but uses "barAreaApp" instead of "barLineApp". In some ways this chart does a better job of emphasizing the individual weeks' numbers, since the cumulative data is beneath the weekly data bars.

Since we also changed from a line with markers to an area without clear delineations, the trending nature of our cumulative numbers is emphasized over the actual values at any given point.

Weekly Spending Spending:$32 Weekly Spending Spending:$60 Weekly Spending Spending:$30 Weekly Spending Spending:$56 Weekly Spending Spending:$697 Weekly Spending Spending:$103 Weekly Spending Spending:$35 Weekly Spending Spending:$1,024 Weekly Spending Spending:$434 Weekly Spending Spending:$18,468 Weekly Spending Spending:$1,125 Weekly Spending Spending:$22 Weekly Spending Spending:$3,005 Weekly Spending Spending:$625 Weekly Spending Spending:$120 Weekly Spending Spending:$9,800 Weekly Spending Spending:$3,606 Weekly Spending Spending:$12,560 Weekly Spending Spending:$3,603 Weekly Spending Spending:$450 Weekly Spending Spending:$1,456 Weekly Spending Spending:$630 Weekly Spending Spending:$31,193 Weekly Spending Spending:$600 Weekly Spending Spending:$4,076 Weekly Spending Spending:$22,145 Weekly Spending Spending:$5,810 Weekly Spending Spending:$8,504 Weekly Spending Spending:$6,480 Weekly Spending Spending:$125 Weekly Spending Spending:$1,500 Weekly Spending Spending:$3,671 Weekly Spending Spending:$12,800 Weekly Spending Spending:$5,100 Weekly Spending Spending:$230 Weekly Spending Spending:$14,850 Weekly Spending Spending:$1,120 Weekly Spending Spending:$391 Weekly Spending Spending:$700 Weekly Spending Spending:$420 Weekly Spending Spending:$13,445 Weekly Spending Spending:$563 Weekly Spending Spending:$115 Weekly Spending Spending:$10,200 Weekly Spending Spending:$700 Weekly Spending Spending:$2,957 Weekly Spending Spending:$7,070 Cumulative Spending Spending:$32 Cumulative Spending Spending:$92 Cumulative Spending Spending:$122 Cumulative Spending Spending:$178 Cumulative Spending Spending:$875 Cumulative Spending Spending:$978 Cumulative Spending Spending:$1,013 Cumulative Spending Spending:$2,037 Cumulative Spending Spending:$2,471 Cumulative Spending Spending:$20,939 Cumulative Spending Spending:$22,064 Cumulative Spending Spending:$22,086 Cumulative Spending Spending:$25,091 Cumulative Spending Spending:$25,716 Cumulative Spending Spending:$25,836 Cumulative Spending Spending:$35,636 Cumulative Spending Spending:$39,242 Cumulative Spending Spending:$51,802 Cumulative Spending Spending:$55,405 Cumulative Spending Spending:$55,855 Cumulative Spending Spending:$57,311 Cumulative Spending Spending:$57,941 Cumulative Spending Spending:$89,134 Cumulative Spending Spending:$89,734 Cumulative Spending Spending:$93,810 Cumulative Spending Spending:$115,955 Cumulative Spending Spending:$121,765 Cumulative Spending Spending:$130,269 Cumulative Spending Spending:$136,749 Cumulative Spending Spending:$136,874 Cumulative Spending Spending:$138,374 Cumulative Spending Spending:$142,045 Cumulative Spending Spending:$154,845 Cumulative Spending Spending:$159,945 Cumulative Spending Spending:$160,175 Cumulative Spending Spending:$175,025 Cumulative Spending Spending:$176,145 Cumulative Spending Spending:$176,536 Cumulative Spending Spending:$177,236 Cumulative Spending Spending:$177,656 Cumulative Spending Spending:$191,101 Cumulative Spending Spending:$191,664 Cumulative Spending Spending:$191,779 Cumulative Spending Spending:$201,979 Cumulative Spending Spending:$202,679 Cumulative Spending Spending:$205,636 Cumulative Spending Spending:$212,706


 

 Privacy Policy   Terms of Use   Site Map   About Us