Quadrant Scatter chart with kendo ui

Question

我想绘制一个带有四个区域（Quadrant）的散布剑道图表。 如何在xAxis和YAxix之间绘制自定义行？ 和我如何绘制不同的区域？ （我使用MVC包装器，但任何帮助都很有用）

＆＃13;

＆＃13;

<div class="demo-section k-content wide" dir="ltr">
    @(Html.Kendo().Chart(Model)
                    .Name("chart")
                    .Title("chart")
                    .Legend(legend => legend
                        .Visible(false)
                    )
                    .Series(series =>
                    {
                        series.Scatter(model => model.QuestionsAVG, model => model.Weight);
                    })
                    .XAxis(x => x
                        .Numeric()
                        .Title(title => title.Text("Average"))
                    .Labels(labels => labels.Format("{0}")).Min(0).Max(10)
            //.PlotBands(bands =>
            //{
            //    bands.Add().From(5).To(10).Color("#c00").Opacity(0.1);
            //})

            .YAxis(y => y
                .Numeric()
                .Title(title => title.Text("Weight"))
            
             .PlotBands(bands =>
             {
                 bands.Add().From(5).To(10).Color("#c00").Opacity(0.1);
             })
            .Labels(labels => labels.Format("{0}")).Max(10)
            )
            
        .Tooltip(tooltip => tooltip
            .Visible(true)
        .Template("#=  dataItem.Question  #")
        )
    )
</div>

＆＃13;

＆＃13;

＆＃13;

我想要的东西 this