如何通过FusionCharts在jsf中创建图表答案

【问题标题】：how to create chart in jsf by FusionCharts如何通过FusionCharts在jsf中创建图表
【发布时间】：2015-09-24 15:09:30
【问题描述】：

我正在尝试在 jsf 中创建简单的融合图。我有一个可以通过方法获取图表 JSON 的 bean，但我找不到应该把它放在哪里。你能给我举个例子，JSF2融合图表JSON吗？

【问题讨论】：

我找到了解决方案。这就是所有的JavaScript。 1-将 json 数据设置为 xhtml 中表单中的隐藏输入 2-从输入中获取 jsondata，然后将 jsondata 分配给全局 js 变量，例如 document.getElementById("jsonDataId").value; 3-调用这样的绘图函数： [code]function chartDraw(jsonData){ var chart = new FusionCharts({ "type": "bar2d", "renderAt": "chartContainer", "width": "500", "height ": "300", "dataFormat": "json", "dataSource": jsonData });图表.render(); } [/code]

标签： jsf fusioncharts

【解决方案1】：

使用Fusioncharts 创建图表只需 10-15 分钟。我已经试过好几次了。如果您想获得 JSON 格式的图表，只需将 dataFormat 保持为 JSON。渲染的基本示例之一是：

FusionCharts.ready(function() {
var salesAnlysisChart = new FusionCharts({
    type: 'candlestick',
    renderAt: 'chart-container',
    width: '800',
    height: '600',
    dataFormat: 'json', //here the method JSON is specified
    dataSource: { /*Here you can insert the data for your chart*/ }
}).render(); });

【讨论】：