Skip to content Skip to sidebar Skip to footer

Mixed Line-style Of Same Line In Devextreme Chart

Hi I'm working for the first time with the charts of the DevExtreme Framework, because I'm searching for a good chart plugin for my web-application, which can solve some of my spec

Solution 1:

At the moment the chart doesn't have the capability to display one series with the mix-line style.

There is, however, a way to create two series for one line. The first series can be used to show the solid-style part of the line and the second series for the dot-style part. Here is an example of such an approach:

$("#container").dxChart({dataSource: [{
        arg:1,
        val1:10
    }, {
        arg:2,
        val1:15
    }, {
        arg:3,
        val1:8
    }, {
        arg:4,
        val1:6
    }, {
       arg:5,
       val1:12
    }, {
       arg:5,
       val2:12
    }, {
       arg:6,
       val2:17
    }],legend: { visible:false },series: [{
       color:"#334455",
        valueField:"val1",
        point: { visible:false }
    }, {
        color:"#334455",
        valueField:"val2",
        point: { visible:false },
        dashStyle:"dot",
        hoverStyle: {
            dashStyle:"dot"
        }
    }]
});

Post a Comment for "Mixed Line-style Of Same Line In Devextreme Chart"