Jquery 使用剑道UI绘制垂直线图

我需要画一张像这样的图表。它以垂直线表示大量数据。我需要使用用于jQuery的剑道UI来实现这一点。我是剑道UI的新手

从剑道用户界面网站开始，我开始做如下工作

$("#chart").kendoChart({
                title: {
                    text: "Capacity versus Depth",
                    font: "13px",
                },
                legend: {
                    position: "bottom",
                    labels: {
                        font: "13px"
                    }
                },
                chartArea: {
                    background: ""
                },
                seriesDefaults: {
                    type: "line",
                    style: "smooth"
                },
                series: [{
                    name: "Fixed Jc Capacity (Kips)",
                    data: [17.00, 27.00, 37.00, 47.00, 57.00, 67.00, 77.00, 87.00, 97.00, 107.00]
                }, {
                    name: "UF Total Capacity (Kips)",
                    data: [17.00, 27.00, 37.00, 47.00, 57.00, 67.00, 77.00, 87.00, 97.00, 107.00]
                }, {
                    name: "Minimum Tip Elevation",
                    data: [17.00, 27.00, 37.00, 47.00, 57.00, 67.00, 77.00, 87.00, 97.00, 107.00]
                }, {
                    name: "Nominal Bearing Resistance",
                    data: [17.00, 27.00, 37.00, 47.00, 57.00, 67.00, 77.00, 87.00, 97.00, 107.00]
                }, {
                    name: "UF Tip Capacity (Kips)",
                    data: [17.00, 27.00, 37.00, 47.00, 57.00, 67.00, 77.00, 87.00, 97.00, 107.00]
                }],
                valueAxis: {
                    labels: {
                        format: "{0}%",
                        font: "13px",
                        data: [17.00, 27.00, 37.00, 47.00, 57.00, 67.00, 77.00, 87.00, 97.00, 107.00]
                    },
                  
                        title: {
                            text: "Displacement (Feet)",
                            font: "13px"
                    },
                                        
                    line: {
                        visible: false
                    },
                    axisCrossingValue: -10,
                },
                categoryAxis: {
                    categories: [0.00, 100.00, 200.00, 300.00, 400.00, 500.00, 600.00, 700.00, 800.00, 900.00, 1000.00],
                    majorGridLines: {
                        visible: false
                    },
                    title: {
                        text: "Capacity (Kips)",
                        font: "13px"
                    },
                    labels: {
                        rotation: "auto",
                        font: "13px"
                    }
                },
                tooltip: {
                    visible: true,
                    format: "{0}%",
                    template: "#= series.name #: #= value #"
                }
            });

结果看起来像是，这以水平线显示数据，但我需要它与我的第一张图像匹配，这张图像的数据以垂直线显示

---

有人能帮助我如何使用剑道UI实现垂直折线图吗？

您是否尝试添加系列类型：verticalLine

 series: [
    { type: "verticalLine", data: [1, 2] }
  ]

---

查看此

显示您的jQuery代码。您好@quantumPuter感谢您的回复，我已经用更多细节和jQuery代码更新了我的问题，您能看一下吗？