Kendo UI Plotband绘制水平线

时间:2018-01-26 13:14:07

标签: plot kendo-ui linechart

我正在尝试使用kendo创建一个包含2条水平线的图表,为了绘制这两条线,我在valueAxes中使用了plotBands。 我希望在值warningMax和warningMin上绘制线条,问题是它们的值可能是3k或350k,有没有办法调整线条的粗细并在轴上放置一个最小值以确保当系列的值太小时,至少红线会显示在顶部?

$("#DivId").kendoChart({
            theme: 'bootstrap',
            title: {
                text: "Title Name",
                font: "bold 24px Arial,Helvetica,sans-serif",
                color: "black"
            },
            legend: {
                position: "bottom"
            },
            chartArea: {
                background: ""
            },
            seriesDefaults: {
                type: "line",
                style: "smooth",
                labels: {
                    visible: false,
                    format: "{0:c}"
                },
            },
            series: data.series,
            valueAxes: [{
                name: "axesName1",
                plotBands: [
                    {
                        from: warningMax,
                        to: warningMax + 50,
                        color: "green"
                    },
                    {
                         from: WarningMin,
                         to: WarningMin + 50,
                         color: "red"
                    }
                ],
                title: { text: "Axes Name1" },
                labels: {
                    format: "n0"
                },
                color: "#428bca" // Dark Blue
            }, {
                name: "axesName2",
                title: { text: "Axes Name2" },
                labels: {
                    format: "p2"
                },
                color: "#5cb85c" // Green
            }],
            categoryAxis: {
                categories: data.categories,
                axisCrossingValues: [0, 31],
                majorGridLines: {
                    visible: false
                },
                labels: {
                    rotation: "auto"
                }
            }
        });

0 个答案:

没有答案