拍拍拍无遮挡十八禁免费视频,自拍偷区亚洲综合第一页欧 ,国产欧美精品国产国产专区

圖表庫(kù)TeeChart for JavaScript/HTML5實(shí)用教程（五）

翻譯|使用教程|編輯：況魚杰|2019-08-20 14:58:01.013|閱讀 259 次

概述：TeeChart for JavaScript/HTML5是基于HTML5畫布的跨瀏覽器JavaScript圖表庫(kù)，本教程將會(huì)介紹如何使用TeeChart for Javascript庫(kù)創(chuàng)建圖表和圖形。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

TeeChart for JavaScript/HTML5是一個(gè)100%的 JavaScript/ HTML5圖表庫(kù)，可以在所有兼容的瀏覽器中以原生的Javascript格式使用HTML5 Canvas繪制圖表。

點(diǎn)擊下載TeeChart for JavaScript/HTML5最新試用版

軸墻

繪制軸的矩形空間稱為后墻，使用walls.back屬性提供格式：

Chart1.walls.back.visible = true;
Chart1.walls.back.transparent = false;
Chart1.walls.back.format.gradient.visible = true;

系列

繼承了一個(gè)通用的Series類，提供了幾種圖表樣式，每種樣式都是一個(gè)具有自己屬性和方法的不同對(duì)象類。

線
bars
areas
pie
bubble

小貼士：點(diǎn)擊以上系列可以獲得該系列的示例，點(diǎn)擊TeeChart for JavaScript/HTML5示例還可以獲得更多的演示圖表。

系列標(biāo)志

標(biāo)志屬性在系列點(diǎn)附近顯示文本注釋：

var s = new Tee.Bar();
s.marks.visible = true;
s.marks.style = “percent”;

系列和顏色

圖表具有調(diào)色板屬性（字符串格式的顏色數(shù)組），系列使用此調(diào)色板繪制其點(diǎn)，按圖表圖例顯示系列項(xiàng)目符號(hào)。

Chart1.palette = [ “red”, “blue”, “green”, “yellow” ];

當(dāng)系列中存在比調(diào)色板大小更多的系列或更多點(diǎn)時(shí)，調(diào)色板中的顏色以循環(huán)方式重復(fù)使用。

系列還包含一系列顏色以覆蓋圖表調(diào)色板。默認(rèn)情況下，它是一個(gè)null空數(shù)組，因此它們共享圖表調(diào)色板。

縮放和滾動(dòng)

可以通過(guò)手動(dòng)代碼或鼠標(biāo)/觸摸事件來(lái)縮放和滾動(dòng)圖表。默認(rèn)行為是在軸內(nèi)拖動(dòng)鼠標(biāo)右鍵進(jìn)行滾動(dòng)，使用鼠標(biāo)左鍵拖動(dòng)矩形進(jìn)行縮放/縮放（縮放拖動(dòng)到右下方向，然后拖放到左上方向）。

這可以使用圖表縮放和滾動(dòng)屬性覆蓋：

Chart1.zoom.enabled = true;
Chart1.zoom.mouseButton = 0;  

Chart1.zoom.stroke.fill = “yellow”;
Chart1.scroll.enabled = true;
Chart1.scroll.mouseButton = 2;
Chart1.scroll.direction = “horizontal”;