防止条形图在jQuery中重叠categoryAxis？答案

【问题标题】：Preventing barchart overlapping categoryAxis in jQuery?防止条形图在jQuery中重叠categoryAxis？
【发布时间】：2018-02-09 06:37:57
【问题描述】：

这种使用jQuery的条形图中的CategoryAxis - 可能吗？

有人知道如何在条形图上显示这种方式吗？请分享...

【问题讨论】：

标签： jquery bar-chart

【解决方案1】：

 categoryAxis: {

            field: "PropertyName",
            majorGridLines: {
                visible: false
            },
            //visible: true,
            labels: {

                visible: true,
                //rotation: "270"

                visual: function(e) {



                    var html =$('<span  class="unselcteddiv">'+capitalise(e.value) + '</span>').appendTo(document.body));

                    // Create an empty group that will hold the rendered label
                    var visual = new kendo.drawing.Group();

                    // Store a reference to the target rectangle, see below
                    var rect = e.rect;
                    if(e.dataItem.ShareDiff<0)
                    {
                        // debugger;

                        rect.origin.x =rect.origin.x>0?Math.abs(rect.origin.x)+Math.abs(rect.size.width)+20:rect.origin.x;
                    }
                    kendo.drawing.drawDOM(html)
                                  .done(function(group) {
                                      // Clean-up HTML fragment
                                      html.remove();

                                      // Center the label using Layout
                                      var layout = new kendo.drawing.Layout(rect, {
                                          justifyContent: "right"
                                      });
                                      layout.append(group);
                                      layout.reflow();
                                      // Render the content
                                      visual.append(layout);
                                  });

                    return visual;

                }

            }
        },

我可以使用此代码工作正常。我希望每个遭受此类问题的人都使用完整......

【讨论】：