首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >显示点标签的多系列条形图

显示点标签的多系列条形图
EN

Stack Overflow用户
提问于 2011-07-27 18:39:49
回答 2查看 1.4K关注 0票数 0

我需要在每个栏中显示自定义标签。这是一个使用jqplot的多序列条形图。我在这里粘贴我的代码。此代码不起作用。显示一个单独的栏,而不是多系列。请帮帮我..

代码语言:javascript
复制
            function plotJQBarChart(critical, major, minor, warning) {
    var s1 = [32, 65, 57, 10];
    var s2 = [45, 56, 90, 30];
    var ticks = ['Critical', 'Major', 'Minor', 'Warning'];
    plot1 = $.jqplot('JQPlotBar', [s1,s2], {
        color: '#657383',
        shadow: true,
        grid:{background:'#F1F1F1',
        borderWidth:0.0,    
        drawGridLines: false},
        seriesColors: ['#9E7BFF','#3BB9FF'],
        barPadding: 2,
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            pointLabels: { show: true,labels:
                ['Severity', 'Wifi','Severity', 'Wifi',
                'Severity', 'Wifi','Severity', 'Wifi',
                'Severity', 'Wifi','Severity', 'Wifi',
                'Severity', 'Wifi','Severity', 'Wifi'] }
        },  
                      legend:{
                          show:true,
                         placement: 'outside', 
                        rendererOptions: {
                            numberRows: 1                      
                        }, 
                       location:'e',
                        marginTop: '15px',
                                labels:['Wifi','Severity']
                      },            
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: ticks
            }
        },
        highlighter: { show: false }
    });
}
EN

回答 2

Stack Overflow用户

发布于 2011-08-10 04:03:31

您是否尝试将:stackSeries: true添加到您的配置中?

此外,添加点标签的方式也不正确。请参阅http://www.jqplot.com/tests/point-labels.php

票数 0
EN

Stack Overflow用户

发布于 2015-05-26 21:46:23

尝试将pointLabels添加到series属性中的每个标签

代码语言:javascript
复制
series:[                
                {label:'Serie X', pointLabels: { show: true }},
                {label:'Serie Y', pointLabels: { show: true }},
                {label:'Serie Z', pointLabels: { show: true }}
        ],
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6842969

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档