2
우리는 BootCards를 사용합니다. Morris.js 그래프에 대한 사용자 정의 컨트롤이 있습니다. 반복 컨트롤에서 선택한 문서의 데이터를 가져 오는 방법을 찾았습니다.Morris.JS in xPages Refresh
내 문제는 다른 문서의 그래프를 새로 고치는 것입니다. 사용자 정의 속성 'ajaxload'를 'No'로 설정하면 페이지가 새로 고쳐지고 그래프가 표시됩니다. 반복 컨트롤의 모든 항목이 그래프를 변경하지는 않습니다. 선택한 항목이 첫 번째 항목으로 이동했습니다.
morris.js에 대해 새로 고침없이 AJAX 기능을 사용할 수 있도록 다시 그리기 또는 setdata 기능을 배치 할 수있는 곳은 어디입니까?
감사합니다.
<script
src="unp/raphael.min.js"
type="text/javascript">
</script>
<script
src="unp/morris.min.js"
type="text/javascript">
</script>
<xp:scriptBlock id="scriptBlock1">
<xp:this.value><![CDATA[
var chartDataCalc =
#{javascript:var chartData = [];
var val = docview1.getItemValueArray(compositeData.barvalue);
var name = docview1.getItemValueArray(compositeData.barname);
for (var i=0; i<name.length; i++) {
chartData.push({label : name[i], value : val[i]});
}
return toJson(chartData)
};
var chartBar =
Morris.Bar({
element: #{javascript:compositeData.divid},
data: '',
xkey: 'label',
ykeys: ['value'],
labels: ['#{javascript:compositeData.barlabel}'],
resize: true,
redraw: true
});
chartBar.setData(chartDataCalc, 'True');
]]>
</xp:this.value>
</xp:scriptBlock>