Question

我试图格式化一个简单的DHTMLX堆叠水平条形图;然后将值绑定到关联饼图中的一个Pie切片，并将其绑定到Edit窗体中的MVC文本框。

问题1：水平条形图显示了3个标签：0,50,100。不是我想要的，但没关系，格式不合适。将0设置为使其位于条形图的中间位置，50位于中心且正常，100也位于图表右端的中间位置。我能找到的每一个和任何设置，好几天，我都修改了，而且没有改变这个。

它应该是：0 [...图表数据.. 50 ...图表数据..] 100 它显示为（[）.... data ... 50 ... data ... 10]）左边的0位于图表边框的中心，同样是右边界的100。

MVC变量是@ Model.PercentData1，无论其设置如何都应该反映在条形图和饼图中的相应切片中。每个部分都有一个饼图，每个@ Model.PercentData2,3,4 ......将在他们自己的Pie切片上运行。我将条形图值链接或绑定到html文本框，并使用@ Html.TextBoxFor（model =＆gt; model.PercentData1），而EditorFor则什么都不做。

最初的目标是找到0,50和100的来源以及为什么将它们设置在原来的位置。它们应该与图表本身间隔开，100应该是＆＃34; 100％＆＃34;

带有饼图和条形图的代码，一些部分被注释掉，将有10个饼图，每个组一个，它在不同的，独特的Pie切片上运行

if (condition) { .. } else { .. }

Answer 1

xAxis配置应该包含＆＃34; start＆＃34;，＆＃34; end＆＃34;和＆＃34;步骤＆＃34;属性。在另一种情况下，将计算比例。

如果你想改变＆＃34; 0＆＃34;的位置？和＆＃34; 120＆＃34;标签，您可以在＆＃34;模板中应用CSS样式＆＃34;方法：

xAxis:{
    start:0,
    step:20,
    end:120,
    template:function(value){
        if(value==0)
            value = "<div style='margin-left:5px'>"+value+"</div>";
        else if(value==120)
            value = "<div style='margin-right:15px'>"+value+"</div>";
        return value;
    }
}

如何格式化DHTMLX图表并将值绑定到饼图？

1 个答案: