剑道UI,如何删除条形图前后的空格



我试图删除剑道UI图表前后的空间,但没有运气。这是一个间隙和间隔问题吗?我的目标是有一个单线条形图,灰色只出现在右边。

JSFiddle Codes Here

$(document).ready(allFamilyTicketsBarChartThisYear);
function allFamilyTicketsBarChartThisYear() {
    $("#chart-7").kendoChart({
        title: {
            visible: false,
        },
        legend: {
            visible: false,
        },
        chartArea: {
            height: 90,
            padding: 0,
            margin: 0,
            background: "transparent"
        },
        seriesDefaults: {
            type: "bar",
        },
        series: [
            {
                //gap: 0,
                //spacing: 0,
                //border: {
                //    width: 0
                //},
                // the above removes the height of the bar
                name: "monthThisYear",
                data: [506785]
            }
        ],
        valueAxis: {
            max: 1000000,
            labels: {
                visible: false
            },
            line: {
                visible: false
            },
            minorGridLines: {
                visible: false
            },
            majorGridLines: {
                visible: false
            }
        },
        categoryAxis: {
            line: {
                visible: false
            },
            minorGridLines: {
                visible: false
            },
            majorGridLines: {
                visible: false
            }
        },
        tooltip: {
            visible: false,
        }
    });
}

如果你隐藏类别轴而不是网格线,它看起来就像我认为你正在描述的(http://jsfiddle.net/3VXqA/2/)

 categoryAxis: {
         visible: false
 },

相关内容

  • 没有找到相关文章

最新更新