PacemChartElement (extensions of PacemSeriesChartElement) is a handy webcomponent that renders line and area charts, it all depends on the bindable type property.
Its PacemChartSeriesElement children define the slices of the chart.
The child-series of a chart can be easily changed by exploiting a PacemRepeaterElement. Everytime a change occurs
a draw task gets generated for the whole chart.
The following live example sums up what can be done with a generic (line) chart webcomponent.
2016-01-24,69,30,24 2016-01-31,72,30,24 2016-02-07,71,32,24 2016-02-14,74,32,25 2016-02-21,76,32,26 2016-02-28,78,32,27 2016-03-06,77,32,25 2016-03-13,75,31,25 2016-03-20,64,26,20 2016-03-27,65,30,22 2016-04-03,75,32,25 2016-04-10,76,32,26 2016-04-17,77,30,24 2016-04-24,75,32,25 2016-05-01,74,28,24 2016-05-08,79,31,26 2016-05-15,75,32,25 2016-05-22,68,30,25 2016-05-29,61,29,23 2016-06-05,58,27,22 2016-06-12,51,27,22 2016-06-19,52,24,19 2016-06-26,44,20,15 2016-07-03,35,19,14 2016-07-10,35,18,14 2016-07-17,36,18,13 2016-07-24,35,19,14 2016-07-31,37,20,14 2016-08-07,39,20,15 2016-08-14,42,22,16 2016-08-21,53,28,21 2016-08-28,57,30,21 2016-09-04,72,33,26 2016-09-11,76,33,26 2016-09-18,81,34,27 2016-09-25,84,34,28 2016-10-02,80,34,29 2016-10-09,81,33,28 2016-10-16,83,34,27 2016-10-23,80,33,27 2016-10-30,76,30,25 2016-11-06,79,31,26 2016-11-13,83,33,27 2016-11-20,72,29,25 2016-11-27,80,33,26 2016-12-04,80,32,27 2016-12-11,81,30,26 2016-12-18,62,22,20 2016-12-25,42,17,16 2017-01-01,55,21,18 2017-01-08,72,27,22 2017-01-15,79,29,24 2017-01-22,76,30,25 2017-01-29,74,31,24 2017-02-05,80,32,26 2017-02-12,80,32,28 2017-02-19,77,31,26 2017-02-26,81,33,27 2017-03-05,82,33,28 2017-03-12,82,33,27 2017-03-19,78,32,26 2017-03-26,71,31,25 2017-04-02,76,34,26 2017-04-09,69,28,22 2017-04-16,73,29,24 2017-04-23,78,31,26 2017-04-30,82,29,25 2017-05-07,80,30,25 2017-05-14,77,31,25 2017-05-21,70,27,24 2017-05-28,60,25,23 2017-06-04,58,25,22 2017-06-11,57,25,22 2017-06-18,53,25,20 2017-06-25,41,20,16 2017-07-02,39,19,15 2017-07-09,38,19,15 2017-07-16,39,18,14 2017-07-23,37,19,15 2017-07-30,38,20,15 2017-08-06,41,20,15 2017-08-13,45,22,16 2017-08-20,56,27,20 2017-08-27,58,28,20 2017-09-03,71,31,25 2017-09-10,80,33,27 2017-09-17,85,34,27 2017-09-24,86,34,28 2017-10-01,84,35,29 2017-10-08,82,32,28 2017-10-15,84,35,28 2017-10-22,85,33,28 2017-10-29,75,31,25 2017-11-05,86,33,27 2017-11-12,86,33,29 2017-11-19,73,30,25 2017-11-26,83,32,26 2017-12-03,84,31,25 2017-12-10,80,30,25 2017-12-17,68,24,21 2017-12-24,44,16,15 2017-12-31,49,19,17 2018-01-07,73,26,22 2018-01-14,75,29,23 2018-01-21,78,29,24 2018-01-28,80,30,25 2018-02-04,82,31,25 2018-02-11,74,28,23 2018-02-18,76,30,25 2018-02-25,81,31,26 2018-03-04,78,31,26 2018-03-11,81,31,28 2018-03-18,80,31,25 2018-03-25,71,25,20 2018-04-01,71,28,22 2018-04-08,79,32,24 2018-04-15,83,31,25 2018-04-22,81,29,24 2018-04-29,75,27,22 2018-05-06,80,29,24 2018-05-13,77,30,25 2018-05-20,73,28,23 2018-05-27,60,25,22 2018-06-03,60,26,22 2018-06-10,53,24,21 2018-06-17,48,23,20 2018-06-24,45,21,16 2018-07-01,39,19,14 2018-07-08,39,19,15 2018-07-15,39,18,14 2018-07-22,39,19,15 2018-07-29,40,20,15 2018-08-05,44,21,16 2018-08-12,45,21,17 2018-08-19,56,26,20 2018-08-26,60,28,21 2018-09-02,75,32,25 2018-09-09,82,34,28 2018-09-16,84,34,28 2018-09-23,89,34,28 2018-09-30,83,34,29 2018-10-07,80,31,26 2018-10-14,81,33,28 2018-10-21,80,31,25 2018-10-28,70,28,23 2018-11-04,78,32,25 2018-11-11,82,32,26 2018-11-18,73,29,24 2018-11-25,80,31,25 2018-12-02,80,31,25 2018-12-09,80,29,24 2018-12-16,70,26,21 2018-12-23,44,17,15 2018-12-30,45,18,15 2019-01-06,68,26,20 2019-01-13,76,28,23 2019-01-20,75,28,23 2019-01-27,70,27,22 2019-02-03,72,29,22 2019-02-10,78,30,23 2019-02-17,75,30,23 2019-02-24,80,29,24 2019-03-03,80,28,24 2019-03-10,76,31,23 2019-03-17,77,29,22 2019-03-24,65,27,21 2019-03-31,73,29,23 2019-04-07,80,29,23 2019-04-14,69,25,20 2019-04-21,69,27,21 2019-04-28,67,26,21 2019-05-05,75,28,24 2019-05-12,77,29,24 2019-05-19,72,28,25 2019-05-26,55,26,21 2019-06-02,53,24,21 2019-06-09,54,25,21 2019-06-16,52,23,20 2019-06-23,45,23,17 2019-06-30,42,20,15 2019-07-07,39,19,14 2019-07-14,39,19,15 2019-07-21,41,20,15 2019-07-28,42,20,14 2019-08-04,42,20,15 2019-08-11,45,21,15 2019-08-18,56,25,19 2019-08-25,60,29,22 2019-09-01,71,31,25 2019-09-08,85,33,28 2019-09-15,86,34,28 2019-09-22,88,34,29 2019-09-29,85,33,28 2019-10-06,83,33,27 2019-10-13,84,32,26 2019-10-20,81,31,26 2019-10-27,68,28,23 2019-11-03,80,31,26 2019-11-10,81,30,26 2019-11-17,81,31,25 2019-11-24,74,28,25 2019-12-01,84,30,25 2019-12-08,79,29,24 2019-12-15,71,26,21 2019-12-22,49,18,16 2019-12-29,42,17,14 2020-01-05,62,24,19 2020-01-12,76,27,22 2020-01-19,73,27,23 2020-01-26,75,27,22 2020-02-02,79,29,24 2020-02-09,79,30,25 2020-02-16,74,29,24 2020-02-23,75,29,24 2020-03-01,80,31,26 2020-03-08,74,28,22 2020-03-15,75,26,20 2020-03-22,72,27,21 2020-03-29,76,27,22 2020-04-05,82,27,21 2020-04-12,80,28,23 2020-04-19,85,31,24 2020-04-26,78,29,23 2020-05-03,77,31,24 2020-05-10,78,31,25 2020-05-17,71,29,22 2020-05-24,61,27,21 2020-05-31,61,27,21 2020-06-07,59,26,20 2020-06-14,53,24,19 2020-06-21,50,22,19 2020-06-28,46,21,17 2020-07-05,45,21,17 2020-07-12,46,22,16 2020-07-19,47,22,17 2020-07-26,44,21,16 2020-08-02,45,22,16 2020-08-09,50,22,18 2020-08-16,53,24,19 2020-08-23,62,28,21 2020-08-30,71,31,24 2020-09-06,91,35,29 2020-09-13,100,39,30 2020-09-20,99,38,32 2020-09-27,92,38,30 2020-10-04,93,37,31 2020-10-11,90,35,29 2020-10-18,82,33,28 2020-10-25,74,32,26 2020-11-01,72,31,24 2020-11-08,85,34,27 2020-11-15,86,34,27 2020-11-22,87,33,26 2020-11-29,89,33,27 2020-12-06,91,33,26 2020-12-13,84,30,25 2020-12-20,66,23,19 2020-12-27,51,18,16 2021-01-03,60,23,19 2021-01-10,79,29,23