ZK Charts -Model Duplicate values on spline,pie

answered 2014-03-20 03:23:23 +0800

RaymondChao
386 ● 1 ● 4

Hi,

It seems the data get duplicated. If you want to change the chart's series when the year changed by datebox. The current workaround is to determine whether the model need to reset or not. For example:

@NotifyChange("model")
public void setDate(Date date) {
    // if the selected year equals to the model series, do not need to reset model
    if (this.date.getYear() != date.getYear()) {
        this.date = date;
        model = TestData.getModel(date);
    }
}

The sample code is as below:

test.zul

<window apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('TestVM')">
    <charts id="splineChart" type="spline" model="@bind(vm.model)" title="" width="600" height="600"/>
     <datebox id="dBox" format="yyyy-MM-dd" value="@bind(vm.date)"/>
</window>

TestVM.java

public class TestVM {
    private Date date;
    CategoryModel model;

    @Init
    public void init() {
        date = new Date();
        model = TestData.getModel(date);
    }

    @NotifyChange("model")
    public void setDate(Date date) {
        if (this.date.getYear() != date.getYear()) {
            this.date = date;
            model = TestData.getModel(date);
        }
    }

    public Date getDate() {
        return date;
    }

    public CategoryModel getModel() {
        return model;
    }
}

TestData.java

public class TestData {
    public static CategoryModel getModel(Date date) {
        Calendar calendar = Calendar.getInstance();
        calendar.setTime(date);
        int year = calendar.get(Calendar.YEAR);
        CategoryModel model = new SimpleCategoryModel();
        model.setValue(year - 1 + "", "Q1", new Integer(20));
        model.setValue(year - 1 + "", "Q2", new Integer(35));
        model.setValue(year - 1 + "", "Q3", new Integer(40));
        return model;
    }
}

Please let me know if you have any questions or concerns.