Rumah > hujung hadapan web > tutorial js > pemalam jfreechart memaparkan data ke dalam carta pai, carta bar dan kemahiran carta garis_javascript

pemalam jfreechart memaparkan data ke dalam carta pai, carta bar dan kemahiran carta garis_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 16:04:27
asal
1459 orang telah melayarinya

Artikel ini mengambil paparan histogram sebagai contoh Sudah tentu, ini hanyalah satu kaedah untuk memaparkan carta, seperti menyesuaikan label carta, menggunakan pemalam jfreechart, dll.;

1. Import fail js, termasuk banyak kaedah paparan:

Salin kod Kod adalah seperti berikut:
2. Dapatkan data dari latar belakang:


function init(){
 
  var name3="<%=request.getAttribute("accountlist.name")%>";
  var value3="<%=request.getAttribute("accountlist.values")%>";
  var rate3="<%=request.getAttribute("accountlist.valueshb")%>";
  showChart4(name3,rate3); 
  //showChart3(name3,value3,""); 

 }

Salin selepas log masuk
3. Berikan data kepada legenda:

function showChart4(names,values){
  var chartObj = new ChartObject();
  var xmlString="";
  chartObj.caption="各承运单位车辆销运比图 ";
  chartObj.showValues='0';
  chartObj.showLabels='1';
  chartObj.sNumberSuffix='%25';
  xmlString = chartObj.createDualYMSColumnXmlByValues(names,values,"","销运比=卷烟销量%车辆运力;",""); 
  var chart = new FusionCharts("Charts/MSColumn3DLineDY.swf", "ChartId2", "1000", "230", "0", "0");
  chart.setDataXML(xmlString); 
  chart.render("chartDiv2");
 }

Salin selepas log masuk
4. Tulis sahaja di halaman jsp:

Salin kod Kod adalah seperti berikut:


5. Keputusan dipaparkan seperti berikut:

Di atas adalah keseluruhan kandungan artikel ini, rakan-rakan yang memerlukan boleh merujuknya.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan