Line Styling

    config setup

    1. const NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};
    2. const labels = Utils.months({count: DATA_COUNT});
    3. const data = {
    4. labels: labels,
    5. datasets: [
    6. {
    7. label: 'Unfilled',
    8. backgroundColor: Utils.CHART_COLORS.blue,
    9. borderColor: Utils.CHART_COLORS.blue,
    10. data: Utils.numbers(NUMBER_CFG),
    11. }, {
    12. label: 'Dashed',
    13. fill: false,
    14. backgroundColor: Utils.CHART_COLORS.green,
    15. borderColor: Utils.CHART_COLORS.green,
    16. }, {
    17. label: 'Filled',
    18. backgroundColor: Utils.CHART_COLORS.red,
    19. borderColor: Utils.CHART_COLORS.red,
    20. data: Utils.numbers(NUMBER_CFG),
    21. fill: true,
    22. }
    23. };