如何在剑道图mvc类别系列?

时间:2016-07-19 07:25:24

标签: asp.net-mvc kendo-ui kendo-asp.net-mvc kendo-chart

我有一张图表,

图表的目的是说男性和女性的总数。女性,基于国家和地区国籍明智。成功生成图表

这是我创造的小提琴。

jsFiddle example参考

如何对系列标签进行分类。

我试图将系列名称定位为类似这样的位置。建议我如何生成

enter image description here

尝试使用示例Razor代码

  @(Html.Kendo().Chart()
    .Name("chart")
    .Title("Gender Summay based on the total")
    .Legend(legend => legend
        .Position(ChartLegendPosition.Bottom)
    )
    .Series(series =>
    {
        series.Column(new double[] { 54, 5 }).Name("2010 Bah")
         .Labels(labels =>
        labels.Template("#= series.name #")           
        .Background("transparent")
        .Visible(true));
        series.Column(new double[] { 24, 21 }).Name("2010 Non Bah").Labels(labels =>
       labels.Template("#= series.name #")
       .Background("transparent")
       .Visible(true));

        series.Column(new double[] { 54, 5 }).Name("2011 Bah").Labels(labels =>
       labels.Template("#= series.name #")
       .Background("transparent")
       .Visible(true));

        series.Column(new double[] { 24, 21 }).Name("2011 Non Bah")
         .Labels(labels =>
        labels.Template("#= series.name #")            
        .Background("transparent")
        .Visible(true));

        series.Column(new double[] { 10, 52 }).Name("2012 Bah")
        .Labels(labels =>
       labels.Template("#= series.name #")
       .Background("transparent")
       .Visible(true));

        series.Column(new double[] { 12, 65 }).Name("2012 Non Bah")
        .Labels(labels =>
        labels.Template("#= series.name #")
        .Background("transparent")
        .Visible(true));
    })
    .CategoryAxis(axis => axis
        .Categories("Male", "FeMale")

        .Justify(true)
    )

    .Tooltip(tooltip => tooltip
        .Visible(true)
        .Format("{0}")
        .Template("#= series.name # : #= value #")
    )
    )

1 个答案:

答案 0 :(得分:-1)

最后很多努力,我找到了解决方案

jsbin working example

    if (!$link = mysql_connect('mysql_host', 'mysql_user', 'mysql_password')) {
      echo 'Could not connect to mysql';
      exit;
    }

   if (!mysql_select_db('lifeands_phdb_150522', $link)) {
      echo 'Could not select database';
      exit;
   }

   $sql    = 'SELECT *  FROM loan_calculator';
   $result = mysql_query($sql, $link);