X轴格式

Question

我有以下几乎完成的项目。唯一的问题是我无法弄清楚如何制作X轴值（从+5000 +3000 + 1000 0 + 1000 + 3000 + 5000。）而不是（从-5000 -3000 -1000 0 + 1000 + 3000 +5000。）。

X轴上有两条散点线从0开始。一条线向右方向移动，另一条线向左方向移动。但是，我想保持两个X轴都是正的。

         xAxis: {
            min: -5000
            , axisCrossingValue: [-5000, 0]
        }
        , yAxis: {
            reverse: true
            , labels: {
                format: "{0}"
            }
        }

http://jsfiddle.net/3yhbyy2g/25/

Answer 1

如果我理解你的正确，你希望图表从+5000 +3000 + 1000 0 + 1000 +3000 +5000。虽然这是一个非常奇怪的事情，并且这些类型的图表不是为了制作的......但它应该是可能的。 没有真正的api＆＃39;要求此（或您要调用它的参数选项），因此您必须编辑.js库。我看到你包括了kendo.all.min.js，我建议你找一个非缩小版本进行编辑。 您希望查找标记，因为lib插入了＆＃39;文本＆＃39;对于那里的x轴值。基本上这部分：

template:y("<text #= d.renderStyle() # #= d.renderOpacity() # x='#= this.pos().x #' y='#= this.pos().y #' #= d.renderStroke() # #= d.renderTransform() # #= d.renderDefinitions() # #= d.renderFill() #>#= d.content() #</text>")

然后你想编辑x位置。我建议创建一个var newXPos并插入this.pos（）。x值（如果它是负数，则将其改为正数）。在零件中使用该var作为文本代码。这样您就不会更改对象以进一步引用。