Pie breaks after the 15th color

The pie seems to break when I set a big amount of data. After the 15th color the pie goes transparent (donut) or black (default) for a while, and then picks up again showing 15 colors - to break again and so on.

The graphs below show the total number of commits on 346 repos.

This is the setup (lipsum-ized for the sake of privacy):

new Chartist.Pie('.ct-chart', {
    labels: ['Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipisicing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', 'Ut', 'enim', 'ad', 'minim', 'veniam', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', 'Duis', 'aute', 'irure', 'dolor', 'in', 'reprehenderit', 'in', 'voluptate', 'velit', 'esse', 'cillum', 'dolore', 'eu', 'fugiat', 'nulla', 'pariatur', 'Excepteur', 'sint', 'occaecat', 'cupidatat', 'non', 'proident', 'sunt', 'in', 'culpa', 'qui', 'officia', 'deserunt', 'mollit', 'anim', 'id', 'est', 'laborum', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipisicing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', 'Ut', 'enim', 'ad', 'minim', 'veniam', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', 'Duis', 'aute', 'irure', 'dolor', 'in', 'reprehenderit', 'in', 'voluptate', 'velit', 'esse', 'cillum', 'dolore', 'eu', 'fugiat', 'nulla', 'pariatur', 'Excepteur', 'sint', 'occaecat', 'cupidatat', 'non', 'proident', 'sunt', 'in', 'culpa', 'qui', 'officia', 'deserunt', 'mollit', 'anim', 'id', 'est', 'laborum', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipisicing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', 'Ut', 'enim', 'ad', 'minim', 'veniam', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', 'Duis', 'aute', 'irure', 'dolor', 'in', 'reprehenderit', 'in', 'voluptate', 'velit', 'esse', 'cillum', 'dolore', 'eu', 'fugiat', 'nulla', 'pariatur', 'Excepteur', 'sint', 'occaecat', 'cupidatat', 'non', 'proident', 'sunt', 'in', 'culpa', 'qui', 'officia', 'deserunt', 'mollit', 'anim', 'id', 'est', 'laborum', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipisicing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', 'Ut', 'enim', 'ad', 'minim', 'veniam', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', 'Duis', 'aute', 'irure', 'dolor', 'in', 'reprehenderit', 'in', 'voluptate', 'velit', 'esse', 'cillum', 'dolore', 'eu', 'fugiat', 'nulla', 'pariatur', 'Excepteur', 'sint', 'occaecat', 'cupidatat', 'non', 'proident', 'sunt', 'in', 'culpa', 'qui', 'officia', 'deserunt', 'mollit', 'anim', 'id', 'est', 'laborum', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipisicing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', 'Ut', 'enim', 'ad', 'minim', 'veniam', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', 'Duis', 'aute', 'irure', 'dolor', 'in', 'reprehenderit', 'in', 'voluptate', 'velit', 'esse', 'cillum', 'dolore', 'eu', 'fugiat', 'nulla', 'pariatur', 'Excepteur', 'sint', 'occaecat', 'cupidatat', 'non', 'proident', 'sunt', 'in', 'culpa', 'qui', 'officia', 'deserunt', 'mollit', 'anim', 'id', 'est', 'laborum', 'Lorem'],
    series: [9066, 5673, 5022, 2987, 2688, 2538, 2296, 2240, 2224, 2107, 2105, 1720, 1289, 1275, 1252, 1188, 1183, 1173, 1148, 1073, 1047, 1030, 996, 977, 805, 789, 767, 726, 709, 679, 677, 663, 648, 595, 593, 585, 574, 568, 563, 551, 530, 529, 529, 517, 504, 501, 493, 491, 490, 484, 476, 475, 471, 463, 457, 457, 449, 422, 419, 413, 398, 396, 393, 382, 374, 370, 329, 327, 324, 312, 306, 303, 298, 296, 287, 277, 264, 263, 258, 256, 246, 243, 242, 227, 215, 212, 210, 210, 209, 202, 198, 198, 184, 184, 181, 174, 171, 168, 166, 163, 158, 155, 151, 151, 150, 140, 136, 129, 128, 127, 127, 126, 122, 120, 119, 115, 115, 114, 107, 106, 105, 104, 104, 103, 101, 99, 97, 96, 88, 87, 87, 86, 86, 86, 85, 85, 84, 83, 81, 80, 77, 76, 75, 74, 74, 73, 73, 73, 70, 69, 67, 66, 65, 65, 63, 61, 61, 61, 60, 59, 57, 57, 56, 56, 56, 55, 54, 54, 54, 53, 52, 51, 50, 50, 50, 49, 48, 48, 48, 47, 46, 45, 45, 44, 44, 43, 42, 41, 40, 40, 37, 37, 37, 36, 36, 36, 36, 35, 34, 34, 33, 33, 32, 31, 30, 30, 30, 29, 29, 29, 29, 29, 29, 28, 28, 28, 27, 26, 26, 25, 25, 25, 24, 23, 23, 23, 23, 23, 23, 22, 22, 21, 21, 21, 21, 20, 20, 20, 20, 20, 19, 19, 19, 19, 18, 17, 17, 17, 17, 16, 15, 14, 14, 14, 13, 13, 13, 13, 13, 13, 12, 12, 12, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 11, 10, 10, 10, 10, 9, 9, 9, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 6, 6, 6, 6, 6, 6, 5, 5, 5, 5, 5, 5, 5, 5, 5, 4, 4, 4, 4, 4, 4, 4, 4, 3, 3, 3, 3, 3, 3, 3, 2, 2, 2, 2, 2, 2, 1, 1]
}, {
    donut: true,
    donutWidth: 140,
    width: 800,
    height: 600,
    chartPadding: 10,
    labelOffset: 5,
    labelDirection: 'explode',
    showLabel: true
});

[dreamyguy]

I think we can close this issue with the given suggestions, so I’m doing it. 🚀

[dreamyguy]

@daN4cat interesting approach, which I’ll try to keep in mind when dealing with this kind of problem. Cheers for the feedback! 😉