jqplot圆环图表标签/图例颜色和线条

时间:2014-10-20 13:36:21

标签: javascript php charts jqplot

我正在使用jqplot甜甜圈,所有似乎都工作得很好,除了我无法给圆环图值%和一条应该链接值%和图表的线赋予颜色。我将使用屏幕截图来更好地解释我的输出是我想要实现的目标

这就是我的输出

enter image description here

使用此代码

var plot1;
var storedData;
$(document).ready(function () {
    storedData = [ ['Take home pay', 44228.33], ['Tax', 8771.67], ['Super', 4162.5 ], ['Regular expenses', 0 ], ['Unallocated', 44228.33] ];
    jQuery.jqplot.config.enablePlugins = false;
    plot1 = $.jqplot('savings_expense', [storedData], {
        seriesDefaults: {
            // point markers.
            seriesColors: ["#3399FF", "#F6EB0A", "#FFC000", "#92D050", "#604A7B"],
            // make this a donut chart.
            renderer: $.jqplot.DonutRenderer,
            rendererOptions: {
                // Donut's can be cut into slices like pies.
                sliceMargin: 3,
                // Pies and donuts can start at any arbitrary angle.
                startAngle: 90,
                showDataLabels: true,
                highlightMouseOver : true,
                dataLabelPositionFactor: 1.5,
                padding: 50
            }

        }
    });
});

这就是我想要实现的目标

enter image description here

你会注意到我需要

  1. 以图表中显示的相同颜色显示图例
  2. 将图例文字与图表相关联的行。
  3. 如果我能得到一些帮助,我将非常感激。

0 个答案:

没有答案