图例重叠在一起

[yeqisong]

• G2 Version: 4.0.1
• Platform: web
• Mini Showcase(like screenshots):
• CodePen Link:

问题：用例没有自动布局。
1、使用2个view时

var data1 = [
        {time: '2020-03-01', views:'pv', view_value: 1900},
        {time: '2020-03-01', views:'uv', view_value: 1000},
        {time: '2020-03-02', views:'pv', view_value: 2100},
        {time: '2020-03-02', views:'uv', view_value: 800},
        {time: '2020-03-03', views:'pv', view_value: 2100},
        {time: '2020-03-03', views:'uv', view_value: 800},
        {time: '2020-03-04', views:'pv', view_value: 1900},
        {time: '2020-03-04', views:'uv', view_value: 1000}
    ];
    var data2 = [
        {time: '2020-03-01', products:'product1', sale_value: 56},
        {time: '2020-03-01', products:'product2', sale_value: 36},
        {time: '2020-03-02', products:'product1', sale_value: 46},
        {time: '2020-03-02', products:'product2', sale_value: 46},
        {time: '2020-03-03', products:'product1', sale_value: 46},
        {time: '2020-03-03', products:'product2', sale_value: 46},
        {time: '2020-03-04', products:'product1', sale_value: 56},
        {time: '2020-03-04', products:'product2', sale_value: 36}
    ];
var view1 = chart.createView();
    view1.data(data1);
    view1.line().position('time*view_value').color('views');
    
    var view2 = chart.createView();
    view2.data(data2);
    view2.line().position('time*sale_value').color('products');

生产的图表，图例重叠在一起了。

2、一个chart时

var data = [
        {time: '2020-03-01', views:'pv', view_value: 1900},
        {time: '2020-03-01', views:'uv', view_value: 1000},
        {time: '2020-03-01', products:'product1', sale_value: 56},
        {time: '2020-03-01', products:'product2', sale_value: 36},
        {time: '2020-03-02', views:'pv', view_value: 2100},
        {time: '2020-03-02', views:'uv', view_value: 800},
        {time: '2020-03-02', products:'product1', sale_value: 46},
        {time: '2020-03-02', products:'product2', sale_value: 46},
        {time: '2020-03-03', views:'pv', view_value: 2100},
        {time: '2020-03-03', views:'uv', view_value: 800},
        {time: '2020-03-03', products:'product1', sale_value: 46},
        {time: '2020-03-03', products:'product2', sale_value: 46},
        {time: '2020-03-04', views:'pv', view_value: 1900},
        {time: '2020-03-04', views:'uv', view_value: 1000},
        {time: '2020-03-04', products:'product1', sale_value: 56},
        {time: '2020-03-04', products:'product2', sale_value: 36}
    ];
chart.line().position('time*view_value').color('views');
    chart.line().position('time*sale_value').color('products');

生成的图表，图例依然重叠在一起。