jqplot:使用多个系列条将条与标签对齐

 红枫1983_1 发布于 2023-02-08 14:45

我无法将条形与标签对齐.这是因为我有多个系列.

我需要:

1)带有5个方框的条形图

2)每个盒子代表单独的项目,应该有单独的颜色

3)传说中应该有5个项目

4)条形图应与标签对齐(在最佳溶剂条形图中将是宽的)

我已经取得了前三名,但我无法取得第四名.

这是我有的:

var chartData = [
    [['Portfolio Risk', 1]],
    [['Model Risk', 4]],
    [['Recovery Risk', 3]],
    [['Capability Risk', 1]],
    [['Forward flow risk', 5]]
];

var ticks = ['Portfolio Risk', 'Model Risk', 'Recovery Risk', 'Capability Risk', 'Forward flow risk'];

plot2 = $.jqplot('chart1', chartData, {
    seriesColors: ['#85802b', '#00749F', '#73C774', '#C7754C', '#17BDB8'],
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
    },
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            tickOptions: {
                angle: 90
            },           
        },
        yaxis: {
            tickOptions: {
                formatString: '%d'
            },
            max: 5,
            min: 0
        }
    },
    legend: {
        show: true,
        placement: 'outside',
        labels: ticks
    },
});

JSFiddle:http://jsfiddle.net/renatevidruska/27EPk/

如您所见,条形图未对齐.

1 个回答
  • 这可以通过简单地向seriesDefaults添加一些选项来完成,如下所示:

    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        rendererOptions: {
            barWidth: 60,
            barPadding: -60
    
    
        }
    

    请注意,如果要使条形图居中,只需将barPadding值设为barWidth值的负值即可.在这种情况下,我将宽度设置为60,因此我将填充设置为-60. 这是小提琴.

    2023-02-08 14:46 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有