導航:首頁 > 源碼編譯 > web雷達圖源碼

web雷達圖源碼

發布時間:2024-05-10 08:18:20

㈠ JFreeChart鐨勮湗錏涚綉鍥撅紙鍙堢О闆瘋揪鍥撅紝緗戠姸鍥撅級搴旇ユ庝箞鍐欏晩

緇欎綘涓涓鎴戜粠涓婂弽緙栬瘧榪囨潵鐨勶紝鏄涓闆瘋揪鍥撅紝鍖呭姞杞藉逛簡浣犲氨鑳界湅鍒版晥鏋
package demo;

import java.awt.Dimension;
import javax.swing.JPanel;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.labels.;
import org.jfree.chart.plot.SpiderWebPlot;
import org.jfree.chart.title.LegendTitle;
import org.jfree.chart.title.TextTitle;
import org.jfree.data.category.CategoryDataset;
import org.jfree.data.category.DefaultCategoryDataset;
import org.jfree.ui.*;

public class SpiderWebChartDemo1 extends ApplicationFrame
{

public SpiderWebChartDemo1(String s)
{
super(s);
JPanel jpanel = createDemoPanel();
jpanel.setPreferredSize(new Dimension(500, 270));
setContentPane(jpanel);
}

private static CategoryDataset createDataset()
{
String s = "First";
String s1 = "Second";
String s2 = "Third";
String s3 = "Category 1";
String s4 = "Category 2";
String s5 = "Category 3";
String s6 = "Category 4";
String s7 = "Category 5";
DefaultCategoryDataset defaultcategorydataset = new DefaultCategoryDataset();
defaultcategorydataset.addValue(1.0D, s, s3);
defaultcategorydataset.addValue(4D, s, s4);
defaultcategorydataset.addValue(3D, s, s5);
defaultcategorydataset.addValue(5D, s, s6);
defaultcategorydataset.addValue(5D, s, s7);
defaultcategorydataset.addValue(5D, s1, s3);
defaultcategorydataset.addValue(7D, s1, s4);
defaultcategorydataset.addValue(6D, s1, s5);
defaultcategorydataset.addValue(8D, s1, s6);
defaultcategorydataset.addValue(4D, s1, s7);
defaultcategorydataset.addValue(4D, s2, s3);
defaultcategorydataset.addValue(3D, s2, s4);
defaultcategorydataset.addValue(2D, s2, s5);
defaultcategorydataset.addValue(3D, s2, s6);
defaultcategorydataset.addValue(6D, s2, s7);
return defaultcategorydataset;
}

private static JFreeChart createChart(CategoryDataset categorydataset)
{
SpiderWebPlot spiderwebplot = new SpiderWebPlot(categorydataset);
spiderwebplot.setStartAngle(54D);
spiderwebplot.setInteriorGap(0.40000000000000002D);
spiderwebplot.setToolTipGenerator(new ());
JFreeChart jfreechart = new JFreeChart("Spider Web Chart Demo 1", TextTitle.DEFAULT_FONT, spiderwebplot, false);
LegendTitle legendtitle = new LegendTitle(spiderwebplot);
legendtitle.setPosition(RectangleEdge.BOTTOM);
jfreechart.addSubtitle(legendtitle);
return jfreechart;
}

public static JPanel createDemoPanel()
{
JFreeChart jfreechart = createChart(createDataset());
return new ChartPanel(jfreechart);
}

public static void main(String args[])
{
SpiderWebChartDemo1 spiderwebchartdemo1 = new SpiderWebChartDemo1("SpiderWebChartDemo1");
spiderwebchartdemo1.pack();
RefineryUtilities.centerFrameOnScreen(spiderwebchartdemo1);
spiderwebchartdemo1.setVisible(true);
}
}

程序員如何輕松實現數據可視化

這里以Web前端為例,簡單介紹一下程序員是如何實現前端數據可視化的,主要內容如下:

Highcharts.js

這是一個純粹的JavaScript可視化庫,完美支持移動端,可以快速的為Web網站添加具有交互性的圖表(包括曲線圖、散點圖、柱狀圖、條形圖、餅圖等),個人可以免費學習使用,下面我簡單介紹一下這個庫的使用:

1.首先,引入Highcharts.js庫,這里以最簡單的CDN引入為例(也可在本地下載後引入),直接在script標簽src屬性中指定CDN地址就行,基本思路先創建一個div容器,然後通過JSAPI引入圖表,Html部分代碼如下,非常高察簡單:

2.接著就是JSAPI配置圖表,這里直接根據官方文檔配置就行,每個參數介紹的都非常詳細,也有示例可供參考,添加到上面的Html代碼圖標配置那塊就行,測試代碼如下,一個簡單的柱狀圖:

用瀏覽器打開這個html文件,效果如下,就是我們需要繪制的圖表,還不錯:

3.官網也提供了許多的示例,幾乎涵蓋了各種圖表數據的製作,非常適合初學者學習,注釋的很詳細,也可在線編輯運行,感興趣的話,可以學習一下,非常有用:

ECharts.js

這是網路設計開發的一個Web前端可視化庫,可以流暢的運行在PC和移動設備上,並且提供高度可定製化的圖表,種類繁多,交互豐富,下面我簡單介紹一下這個庫的使用:

1.首先,引入ECharts.js庫,這里也直接src引入就行(或者本地引入),基本思路和Highcharts.js一樣,先創建一個div容器,然後通過JS引入圖表就行,Html部分代碼如下,也很簡單:

2.接著也是JSAPI配置圖表並進行顯示,這里也按照官網文檔設置就行,非常詳細,測試代碼如下,一個簡單的柱狀圖,添加到上面的Htmlecharts圖表那塊:

用瀏覽器打開這個html文件,效果如下,非常不錯:

3.更多圖表示例可以參考官網,包括地圖、熱力圖、雷達圖、極坐標圖等,介紹的非常詳細,也可在線編輯運行,效果非常不錯:

D3.js

這是一個非常強大的前端可視化庫,出現的比較早,組件和屬性眾多,幾乎可以繪制各種圖表,眼花繚亂,下面我簡單介紹一下這個庫的使用:

1.首先,引入D3.js庫,這個直接通過script標簽的src屬性在線引入就行,Html代碼如下,很簡單,很好理解:

2.接著就是在script那部分進行圖戚模茄表繪制,這里都是函數式的編程,代碼量比較多(但設置操作更碼帆靈活),需要一定的JS基礎,對於初學者來說,理解使用起來還是具有一定的難度:

瀏覽器打開的效果如下,非常不錯:

3.更多示例可以到GitHub官網上查看,介紹的非常詳細,也有源代碼可以下載到本地參考學習:

至此,這里就簡單介紹完了程序員如何進行Web前端數據可視化。總的來說,這3個前端可視化庫使用起來都非常不錯,Highcharts.js和ECharts.js適合初學者學習和掌握,文檔和資料也比較多,D3.js學習起來具有一定的難度,資料也是以官方的英文教程為主,感興趣的話,可以研究一下,畢竟功能非常強大,當然,你也可以使用其他可視化庫,像G2等也都非常不錯,網上也有相關教程和資料可供參考,希望以上分享的內容能對你有所幫助吧,也歡迎大家評論、留言補充。

㈢ 用python將數據(實時變化)顯示到雷達圖上。

1、以固定點畫多個圓
2、每個點的坐標必須預先知道(當然坐標一直在邊,那麼在每次坐標變化後,都要獲取到最新的坐標值)
3、依據坐標值在圖上畫出圓點。
這只是思路,沒有源代碼,只能幫到此步

閱讀全文

與web雷達圖源碼相關的資料

熱點內容
域名與ip地址通過什麼伺服器查 瀏覽:95
企業網站需要什麼雲伺服器配置 瀏覽:909
遼事通伺服器出現錯誤是什麼原因 瀏覽:765
能否將一個表格的子表加密 瀏覽:63
手機ios微信收藏怎麼加密 瀏覽:593
安卓如何改黑色 瀏覽:330
oracle資料庫導出命令 瀏覽:696
用python做鍾表盤 瀏覽:873
腰椎壓縮性骨折吧 瀏覽:326
安卓怎麼把軟體改成火影忍者 瀏覽:704
手機如何切換軟體商店伺服器 瀏覽:325
江蘇省python二級題型 瀏覽:231
文件編譯器在哪 瀏覽:28
選擇目錄時此電腦的文件夾怎麼刪 瀏覽:25
狗狗幣加密支付服務 瀏覽:897
怎麼使用指南針APP確定方向 瀏覽:372
php讀取圖片並輸出 瀏覽:321
如何組合多個pdf文件 瀏覽:669
工作表格excel取消加密 瀏覽:133
真空壓縮袋手泵怎麼用 瀏覽:427