MVC4图表/ X轴标签相互跳过

Question

我正在使用System.Web.Helpers.Chart，在我的MVC应用程序中使用一个非常简单的图形。

显示的图表仅显示每隔一列的标签。

创建图表的代码如下所示：

var chart = new System.Web.Helpers.Chart(width: 600, height: 400)
            .DataBindTable(dataSource: chartData, xField: "Province")
            .AddSeries(chartType: "column", axisLabel: "Province")
            .GetBytes("png");

        return chart;

“chartData”来自SQL表，由两个字段组成 省CHAR（2） 出货INT

我已经使图表更宽，并没有解决问题。使用局部视图将图形嵌入到视图中。

如果有人可以提供帮助，非常感谢。

Answer 1

您需要提供一个＆＃34;主题＆＃34;设置＆＃34;间隔＆＃34;在你的情况下，代码看起来像这样：

string t = @"<Chart> <ChartAreas> <ChartArea Name=""Default"" _Template_=""All""> <AxisX Interval=""1""></AxisX> </ChartArea> </ChartAreas> </Chart>";

var chart = new System.Web.Helpers.Chart(width: 600, height: 400, theme: t)
        .DataBindTable(dataSource: chartData, xField: "Province")
        .AddSeries(chartType: "column", axisLabel: "Province")
        .GetBytes("png");

return chart;

我保留了＆＃34;主题＆＃34;通过仅应用间隔来最小化，但显然还有其他选择。

更多： set interval in chart .net mvc3