在甘特图中操作标签

时间:2019-06-07 21:52:53

标签: amcharts4

操作甘特图中的标签。我想传递带有定界值的标签,同时渲染图表时,我想将其拆分并在值之间显示空间。例如,我将在数据中以“ Peter; 60”的身份传递,并希望显示为“ Peter 60”。如果通过“彼得60”,则Amchart会自动删除空白。渲染时如何用定界符分割标签?

尝试通过&nbsp。尝试再添加一个类别轴,一个类别名称(Peter),另一个类别的value(60),但标签和图形失真。

Data:
    [{
        "name": "John;60",
        "fromDate": "8",
        "toDate": "20",
        "color": "am4core.color('#FF0000')",
        "value": "60"
    },
    {
        "name": "John;60",
        "fromDate": "20",
        "toDate": "40",
        "color": "am4core.color('#D3D3D3')",
        "value": "60"
    },
    {
        "name": "John;60",
        "fromDate": "45",
        "toDate": "65",
        "color": "am4core.color('#D3D3D3')",
        "value": "60"
    },
    {
        "name": "John;60",
        "fromDate": "65",
        "toDate": "80",
        "color": "am4core.color('#00FF00')",
        "value": "60"
    },
    {
        "name": "John;60",
        "fromDate": "65",
        "toDate": "80",
        "color": "am4core.color('#00FF00')",
        "value": "60"
    },
    {
        "name": "Jane;60",
        "fromDate": "8",
        "toDate": "20",
        "color": "am4core.color('#FF0000')",
        "value": "60"
    },
    {
        "name": "Jane;60",
        "fromDate": "20",
        "toDate": "40",
        "color": "am4core.color('#D3D3D3')",
        "value": "60"
    },
    {
        "name": "Jane;60",
        "fromDate": "45",
        "toDate": "80",
        "color": "am4core.color('#D3D3D3')",
        "value": "60"
    },
    {
        "name": "Peter;70",
        "fromDate": "8",
        "toDate": "40",
        "color": "am4core.color('#D3D3D3')",
        "value": "70"
    },
    {
        "name": "Peter;70",
        "fromDate": "45",
        "toDate": "80",
        "color": "am4core.color('#00FF00')",
        "value": "70"
    }
 ]

操纵标签并在它们之间显示适当的间距,例如“ Peter 60”

0 个答案:

没有答案