相关疑难解决方法(0)

是否可以将值标签放在条形图上,使它们在它们上方居中？

如果我设置了条形align: "center",条形上的标签是关闭的而不是居中的.

<script type="text/javascript">

    $(function() {

        var data = [<?php echo $data; ?>];

        $.plot("#<?php echo $target; ?> .chart-placeholder", data, {
            series: {
                color: "rgb(57,137,209)",
                bars: {
                    show: true,
                    // align: "center",
                    barWidth: .8,
                    fill: 1     
                },
                valueLabels: {
                    show: true,
                    showAsHtml: true,
                    align: "center"
                }               
            },
            grid: {
                aboveData: true,
                hoverable: true,
                borderWidth: 0
            },
            xaxis: {
                mode: "categories",
                tickLength: 0,
                labelAngle: -45,
                showAsHtml: true
            },
            yaxis: {
                show: false,
                tickLength: 0
            },
        });
    });

    </script>

海军报 …

Too much code to paste here so....

请参阅JS小提琴在http://jsfiddle.net/1a2s35m2/当前代码.

我正在尝试使用flot创建一个水平条形图.正如您将从小提琴中看到的,这可以正常工作,但我想在条形图中显示条形的值而不是Y轴中的标签,如下图所示......

我试图使用"标签"插件和barnumbers插件,但这些似乎不起作用.(Barnumbers接近但显示0 1 2 3作为值.

有任何想法吗？