使用javascript和jsp将数据插入到融合图中

Insert data into fusion chart using javascript and jsp

本文关键字：融合 插入 数据 javascript jsp 使用      更新时间：2023-09-26

我在jsp中使用融合图来显示数据。这是我正在使用的代码。

FusionCharts.ready(function(){
var summaryChart = new FusionCharts(  
{
    type: "line",
    renderAt: "chartContainer1",
    width: "500",
    height: "300",
    dataFormat: "json",
    "dataSource":  {
"chart": {
    "caption": "Total Revenues from 2008-2013",
    "numberprefix": "$",
    "bgcolor": "FFFFFF",
    "showalternatehgridcolor": "0",
    "plotbordercolor": "008ee4",
    "plotborderthickness": "3",
    "showvalues": "0",
    "divlinecolor": "CCCCCC",
    "showcanvasborder": "0",
    "tooltipbgcolor": "00396d",
    "tooltipcolor": "FFFFFF",
    "tooltipbordercolor": "00396d",
    "numdivlines": "2",
    "yaxisvaluespadding": "20",
    "anchorbgcolor": "008ee4",
    "anchorborderthickness": "0",
    "showshadow": "0",
    "anchorradius": "4",
    "chartrightmargin": "25",
    "canvasborderalpha": "0",
    "showborder": "0"
},
"data": [
    {
        "label": "2009",
        "value": "4400000",
        "color": "008ee4"
    },
    {
        "label": "2010",
        "value": "4800000",
        "color": "008ee4"
    },
    {
        "label": "2011",
        "value": "5500000",
        "color": "008ee4"
    },
    {
        "label": "2012",
        "value": "6700000",
        "color": "008ee4",
        "anchorradius": "7",
        "tooltext": "Historical high"
    },
    {
        "label": "2013",
        "value": "4200000",
        "color": "008ee4"
 }
 ]
 }
   });
 summaryChart.render();
 });

我想将从数据库中读取的一些数据作为数据添加到此图表中。我尝试在javascipt和其他东西中使用数组，但仍然无法做到这一点。请帮帮我。

是的，您可以使用fusioncharts.jsp包装

http://www.fusioncharts.com/jsp-charts/

有关此包装的更多详细信息

http://www.fusioncharts.com/dev/using-with-server-side-languages/java/introduction.html

相关文章：