Question

我正在使用jqplot。有没有办法为我的饼图的每个切片设置自定义渐变颜色？我正在使用seriescolor选项：

seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501"],

Answer 1

确保将'seriesColors'选项放在'seriesDefaults'对象中。

一个简单的例子：

        var plot1 = $.jqplot('div1', [['a', 8], ['b', 12], ['c', 6]], {
        title: 'Chart 1',

            seriesDefaults:{
                renderer:$.jqplot.PieRenderer,
            rendererOptions:{
                  showDataLabels: true,
                  dataLabels:'percent'
            }
            },
            seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501"],
            highlighter: {
                show: true
        },
            legend: {
                        show:true,
                        location: 's', 
                        placement: 'outsideGrid'}
        });

确保包含饼图渲染器javascript文件以及jqplot-css文件（如果要显示图例）

Answer 2

jqPlot饼图不支持开箱即用的渐变。 API中没有属性设置（http://www.jqplot.com/docs/files/plugins/jqplot-pieRenderer-js.html）。您很可能必须在CSS，HTML 5和/或canvas对象中执行此操作。不幸的是，你也会遇到不同的浏览器，不同地处理渐变。 jqPlot气泡图有一个渐变属性，虽然我知道除了让你知道有一个图表类型可以做到这一点（http://www.jqplot.com/docs/files/plugins/jqplot-bubbleRenderer-js.html）之外没有帮助。

seriesDefaults: {
    renderer: $.jqplot.BubbleRenderer,
    rendererOptions: {
        bubbleAlpha: 0.7,
        varyBubbleColors: false,
        bubbleGradients: true
    }
}

jqplot gradientcolor

2 个答案: