我正在使用struts2-jquery-chart-plugin-3.2.1。我想显示一个由列表填充的条形图。
这是我的密码:
动作类:
public class FinancialChartAction extends ActionSupport{
private List<FinChartModel> wholeChartModels;
@SkipValidation
@Action(value = "getFinancialChartData", results = {
@Result(name = "success", type = "json", params = {
"wholeChartModels"
})}){
wholeChartModels = new ArrayList<FinChartModel>();
wholeChartModels.add(new FinChartModel("2020/01/01", 1000));
wholeChartModels.add(new FinChartModel("2020/01/02", 2000));
wholeChartModels.add(new FinChartModel("2020/01/03", 3500));
wholeChartModels.add(new FinChartModel("2020/01/04", 550));
}
public List<FinChartModel> getWholeChartModels() {
return wholeChartModels;
}
}
型号等级:
private String registerDate;
private Long sellValue;
public String getRegisterDate() {
return registerDate;
}
public void setRegisterDate(String registerDate) {
this.registerDate = registerDate;
}
public Long getSellValue() {
return sellValue;
}
public void setSellValue(Long sellValue) {
this.sellValue = sellValue;
}
FinChartModel(String registerDate,Long sellValue){
this.registerDate = registerDate;
this.sellValue = sellValue;
}
jsp地址:
<div id="gain_chart">
<sjc:chart
id="chartAjaxTwo"
cssStyle="width: 600px; height: 400px;">
<sjc:chartData
dataType="json"
id="chartAjaxTwoData2"
label="List -ListValue-"
href="%{getFinancialChartData}"
list="wholeChartModels"
listKey="registerDate"
listValue="sellValue"
bars="{show : true, barWidth: 0.7}"
/>
</sjc:chart>
</div>
如你所见,我希望我的图表在x轴上显示字符串。通过这种配置,我在条形图上看不到任何数据。是否可以使用字符串作为条形图的x轴?如果是,我的代码有什么问题?
1条答案
按热度按时间63lcw9qa1#
您无法在条形图上看到任何数据,因为您使用了错误的url将数据获取到
chartData
标签。在你的chartData
标记您正在使用ajax获取的数据。因此,您应该引用以可接受格式返回数据的url。在您的例子中,您使用的是数据类型json。在action类中有这样的操作,它返回json类型的结果。类路径上应该有可用的json插件。为您可以使用的操作生成url然后在
chartData
标签默认情况下,json结果返回
top
从ValueStack
序列化为json对象,struts将操作示例放入其中。以及
list
属性绑定到具有相应getter的action类的变量。因为你用的是对象列表listKey
以及listValue
默认情况下,与具有getter的对象变量绑定。注意struts2 jquery图表的版本也应该更新,以包括
Flot
插件用来绘制图表的库。有关更多详细信息,请参阅此答案。