如何在dxChart中更改图例符号

时间:2016-08-09 14:02:06

标签: devexpress devextreme

我已经看过DevExpress的文档,但我无法找到改变传奇符号的方式。

有人可以帮帮我吗?

JS:

var dataSource = [{
    country: "USA",
    hydro: 59.8,
}, {
    country: "China",
    hydro: 74.2,
}, {
    country: "Russia",
    hydro: 40,
}, {
    country: "Japan",
    hydro: 22.6,
}, {
    country: "India",
    hydro: 19,
}, {
    country: "Germany",
    hydro: 6.1,
}];

var chart = $("#chart").dxChart({
    dataSource: dataSource,
    commonSeriesSettings: {
        argumentField: "country",
        type: 'line'
    },
    margin: {
        bottom: 20
    },
    argumentAxis: {
        valueMarginsEnabled: false,
        discreteAxisDivisionMode: "crossLabels",
        grid: {
            visible: true
        }
    },
    series: [
        { valueField: "hydro", name: "Hydro-electric" }
    ],
    legend: {
        verticalAlignment: "bottom",
        horizontalAlignment: "center",
        itemTextPosition: "bottom"
    },
    title: { 
        text: "Energy Consumption in 2004",
    } 
}) 

HTML:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body class="dx-viewport">
    <div class="demo-container">
        <div id="chart-demo">
            <div id="chart"></div>
        </div>
    </div>
</body>
</html>

输出

enter image description here

在上面的例子中,图例符号是默认的&#34; square&#34;。 我需要改变&#34; square&#34;到&#34;交叉&#34;。

1 个答案:

答案 0 :(得分:1)

不幸的是,无法更改dxChart中的默认图例项符号。