Sparkline Jquery - есть ли способ, чтобы смысл действительно показывал точно?

Question

Я использую Sparkline для своего приложения и мне нравится круговая диаграмма; Однако я не могу получить данные, которые будут представлены точно в этом мире. Я знаю, что есть какое-то уравнение, которое я могу использовать, чтобы получить это правильно, но оно не имеет никакого смысла для меня.

Например:

$("#data").sparkline([1,2], {
    type: 'pie',
    height: '140',
    sliceColors: ['#F5F5F5','#1ab394']
});

То, что я пытаюсь изобразить здесь, это 1 из 2 пунктов, чтобы показать 50%. Второе целое число - это, по сути, мое «общее» количество предметов, а первое - количество купленных предметов. Однако, если вы отобразите это в Sparkline, график будет отображаться как 1 (33%) и 2 (66%). Возможно, это неправильный график для отображения таких данных?

Какой лучший способ представить это?

Answer 1

Сделайте следующее изменение. Измените [1,2] на [1,1]. В основном, проценты рассчитываются на основе значения / суммы значений. для [1,2]. процент составляет 1/3 и 2/3. Для [1,1] процент составляет 1/2 и 1/2, поэтому 50%

$("#data").sparkline([1,1], {
    type: 'pie',
    height: '140',
    sliceColors: ['#F5F5F5','#1ab394']
});