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
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.