首頁 web前端 js教程 ymyang 绘图 实例代码_javascript技巧

ymyang 绘图 实例代码_javascript技巧

May 16, 2016 pm 06:54 PM
繪圖


引用方法:
复制代码 代码如下:

new gov.Graphic(par1,par2,par3);

par1 为绘图数据
复制代码 代码如下:

var data=new period([0,10,22,13,34,25,28,26,30,35,28,34,39,28,26,50,35,28,34,39,55],//y轴数据[188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208]//x轴数据
);

par2 为绘图的容器层id
par3 为绘图样式参数,可选参数
默认值:
复制代码 代码如下:

{
height:170, //绘图区域高度
maxHeight:50, //y轴最高数值
barDistance:26, //x轴坐标间距
topDistance:0, //上部填充
bottomDistance:0, //底部填充
leftDistance:20, //左部填充
pointWidth:5, //坐标点宽度
pointHeight:5, //坐标点高度
pointColor:"#ff0000", //坐标点颜色
lineColor:"#ffd43a", //连接线颜色
valueWidth:20, //y轴数值宽度
valueColor:"#000", //y轴数值颜色
timeWidth:20, //x轴数值宽度
timeColor:"#000", //x轴数值颜色
disvalue:true, //是否显示y轴数值
distime:true //是否显示x轴数值
}

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

學習Python繪圖的速成指南:繪製冰墩墩的程式碼實例 學習Python繪圖的速成指南:繪製冰墩墩的程式碼實例 Jan 13, 2024 pm 02:00 PM

快速上手Python繪圖:畫出冰墩墩的程式碼範例Python是一種簡單易學且功能強大的程式語言,透過使用Python的繪圖庫,我們可以輕鬆實現各種繪圖需求。在本篇文章中,我們將使用Python的繪圖庫matplotlib來畫出冰墩墩的簡單圖形。冰墩墩是一隻擁有可愛形象的熊貓,非常受小朋友的喜愛。首先,我們需要安裝matplotlib函式庫。你可以透過在終端運行

1分鐘了解word繪圖的用法! 1分鐘了解word繪圖的用法! Mar 20, 2024 pm 09:10 PM

通常,我們在word軟體中不僅會編輯文字,還會插入一些圖案和形狀;Word軟體可是我們在辦公中離不開的軟體;它這麼強大,當然也能進行繪畫啦!那麼,我們該怎麼完成word繪圖呢? word繪畫工具在哪裡呢?該如何使用呢?這裡簡單跟大家介紹一下,供大家參考,希望能有所幫助。步驟如下:1、首先,我們打開電腦上的Word軟體;然後,我們新建一個空白的word文件;這時候,我們能在這裡進行文字編輯,也可以進行圖案繪畫,直接點擊文字即可。 2、接著,我們選擇上方【導覽列】中的【插入】的按鈕;然後,我們選擇【形狀

揭秘Canvas API:從簡單繪圖到進階特效無所不包 揭秘Canvas API:從簡單繪圖到進階特效無所不包 Jan 17, 2024 am 09:44 AM

CanvasAPI是HTML5提供的一個強大的繪圖工具,可實現從基礎繪圖到進階特效的各種功能。本文將帶您深入了解CanvasAPI的使用方法,並提供具體的程式碼範例。基礎繪圖CanvasAPI最基礎的就是繪製簡單的圖形,例如長方形、圓形、直線等。下面是一個建立矩形並填滿顏色的程式碼範例:constcanvas=document.getElementB

學習並掌握常見的canvas框架:繪圖和動畫製作的入門指南 學習並掌握常見的canvas框架:繪圖和動畫製作的入門指南 Jan 17, 2024 am 10:52 AM

入門canvas框架:學習使用常見的canvas框架進行繪圖和動畫製作,需要具體程式碼範例隨著前端技術的快速發展,網頁設計中的動態效果日益重要。而canvas作為一種用於在瀏覽器上繪製圖形的HTML元素,成為了實現各種動畫效果和遊戲開發的重要工具。為了更有效率地使用canvas,許多優秀的canvas框架應運而生。本文將介紹一些常見的canvas框架,並提

改善PHP繪圖效果:消除影像模糊問題 改善PHP繪圖效果:消除影像模糊問題 Feb 27, 2024 pm 05:39 PM

改善PHP繪圖效果:消除影像模糊問題,需要具體程式碼範例在網路開發中,PHP經常被用來處理影像,例如產生驗證碼、裁剪圖片、添加浮水印等。然而,有時候我們會發現生成的影像有模糊的問題,影響了視覺效果。本文將介紹一些方法來消除PHP繪圖過程中的影像模糊問題,並提供具體的程式碼範例。一、使用GD庫GD庫是PHP中用來處理影像的擴充庫,提供了豐富的函數來操作影像。要消

Python繪製圖表的進階技巧與實用技法 Python繪製圖表的進階技巧與實用技法 Sep 27, 2023 pm 01:09 PM

Python繪製圖表的進階技巧與實用技法引言:在資料視覺化領域,繪製圖表是非常重要的一環。 Python作為一門強大的程式語言,提供了豐富的圖表繪製工具和函式庫,如Matplotlib、Seaborn和Plotly等。本文將介紹一些Python繪製圖表的進階技巧和實用技法,並提供具體的程式碼範例,幫助讀者更好地掌握資料視覺化的技能。一、使用Matplotlib自訂

excel繪圖應該如何製作 excel繪圖應該如何製作 Mar 21, 2024 am 09:30 AM

如果當老闆需要數據報告時,我們能在短時間內做出一份簡明且正確的表格,會讓我們在職場上加分不少,而想要把excel表格做的簡潔明了,excel繪圖這個工具是少不了的。透過使用excel繪圖,可以讓表格的邊框劃分的更加明晰,小編現在就帶大家看一下該如何操作。 1.首先讓我們開啟安裝好的MicrosoftOfficeExcel軟體,具體如圖所示。 2.然後,在最上方的「開始」工具列中找到繪圖邊框,具體如圖所示。 3.然後點選展開繪圖邊框,在其中找到線條樣式,選擇一種我們想要的線條樣式,具體如圖所示。 4.接下

Python繪製圖表的實用技巧和程式碼範例 Python繪製圖表的實用技巧和程式碼範例 Sep 29, 2023 am 10:46 AM

Python繪製圖表的實用技巧和程式碼範例引言:資料視覺化是資料分析中不可或缺的一環。 Python作為一種強大的程式語言,提供了多個函式庫和工具,讓繪製圖表變得簡單易行。本文將介紹一些繪製圖表的實用技巧和程式碼範例,幫助讀者更好地運用Python進行資料視覺化。一、Matplotlib庫Matplotlib是Python中廣泛使用的繪圖庫,可以繪製多種類型的圖表,

See all articles