javascript - 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”调用(或您想要调用它的参数选项)，因此您必须编辑 .js 库。我看到您包含了 kendo.all.min.js，我建议您找到一个非缩小版本进行编辑。您想要查找标签，因为库在其中插入了 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。这样您就不会更改对象以供进一步引用。