chart.js 中文文檔翻譯

y1chuan 發(fā)布于2019-08-20 14:38 / 3398人閱讀

摘要：高亮最近的元素高亮同樣值的數(shù)據(jù)高亮所有的數(shù)據(jù)原色，當(dāng)鼠標(biāo)懸浮到塊是值被選中。關(guān)鍵字代表的是從構(gòu)造函數(shù)創(chuàng)建的對(duì)象。高亮最近的數(shù)據(jù)懸浮時(shí)動(dòng)畫執(zhí)行的時(shí)間，單位，毫秒調(diào)用被觸發(fā)的任何事件動(dòng)畫設(shè)置以下動(dòng)畫設(shè)置都可生效，全局設(shè)置在中定義。

chart.js Configuration文檔翻譯

tags: chart 文檔翻譯

[TOC]

Getting start開始 下載

github上獲得最新版本 dowload

只是使用cdn cdn

安裝

npm

npm install chart.js --save

bower方法

click here to get info

選擇正確的構(gòu)建

Chart.js提供了兩種不同的構(gòu)建：Chart.js抑或Chart.min.js，都附帶顏色解析庫。如果使用了該版本，并且要使用時(shí)間軸，那么你需要先引入Moment.js

Chart.bundle.js 或者 Chart.bundle.min.js把Moment.js包含在了一個(gè)文件中。如果你需要時(shí)間軸并且希望二者在一個(gè)文件中，這是個(gè)好選擇。

！如果你之前的版本中使用了Monment.js，那么就不要使用Chart.bundle.js版本了，因?yàn)榭赡茉斐晌粗獑栴}

使用方法

使用老的樣式引入Chart.js

使用牛X的方式引入模塊

// Using CommonJS
var Chart = require("src/chart.js")
var myChart = new Chart({...})

// ES6
import Chart from "src/chart.js"
let myChart = new Chart({...})

// Using requirejs
require(["path/to/Chartjs"], function(Chart){
 var myChart = new Chart({...})
})

創(chuàng)建一個(gè)圖表

創(chuàng)建圖表我們需要實(shí)現(xiàn)圖表類Chart class，要做到這些，我們需要傳進(jìn)一個(gè)節(jié)點(diǎn)，jquery實(shí)例，或者canvas都可以讓我們?cè)谙胍牡胤嚼L制。例子如下

// 以下任何形式之一
var ctx = document.getElementById("myChart");
var ctx = document.getElementById("myChart").getContext("2d");
var ctx = $("#myChart");

一旦你創(chuàng)建了元素或者上下文context，你就可以去實(shí)現(xiàn)預(yù)定義的圖標(biāo)類型，或者自己定義。
下面是一個(gè)條狀圖標(biāo)，顯示的內(nèi)容是對(duì)不同顏色的投票，y軸是從零開始。

不難吧，至此，你可以開始編寫自己的圖表了，可以是自定義縮放、工具提示、標(biāo)簽、顏色、動(dòng)作等。

Global Configuration全局設(shè)置

Chart.js 提供了一些選項(xiàng)來改變創(chuàng)建的圖表的外表。這設(shè)置選項(xiàng)可以在創(chuàng)建圖表時(shí)以設(shè)置對(duì)象的形式傳入到工廠函數(shù)中。
此外，全局的設(shè)置能夠影響到每一個(gè)新創(chuàng)建的圖表。

Chart Data 圖表數(shù)據(jù)。

顯示數(shù)據(jù)，必須傳入一個(gè)所需要顯示的信息的給圖表(chart),這個(gè)信息是data object --data 對(duì)象，它包含以下信息。

Name	Type	Description
datasets	Array[object]	包含每組的數(shù)據(jù)
labels	Array[string]	可選的參數(shù)，用來顯示每個(gè)軸的類別
xLabels	Array[string]	可選參數(shù)，如果該軸是橫軸適用于軸的種類
yLavels	Array[string]	可選參數(shù)，如果該軸是縱軸，使用于軸的種類

創(chuàng)建一個(gè)帶有選項(xiàng)的圖表

往Chartjs的構(gòu)造函數(shù)中傳入設(shè)置對(duì)象。
在下面的例子中，創(chuàng)建一個(gè)線性圖表，并且自適應(yīng)responsive為false。

var chartInstanc = new Chart(ctx, {
    type:"line",
    data:data,
    options:{
        responsive:false
    }
});

全局設(shè)置 Global Configuration

這個(gè)概念是在chart1.0版時(shí)引入，用來是保持DRY(不過多重復(fù)代碼)，允許為不同類型圖表設(shè)置全局選項(xiàng)，避免挨個(gè)設(shè)置每個(gè)圖表，或者去更改默認(rèn)設(shè)置。

chart.js可以在不改變圖表類型和縮放適應(yīng)性的情況下通過傳遞全局設(shè)置來統(tǒng)一改變他們的設(shè)置。因此，你既可以隨意設(shè)置自定義的圖表，又可以改變默認(rèn)的設(shè)置。全局選項(xiàng)設(shè)置定義在Chart.defaults.global中，每個(gè)類型的圖表的默認(rèn)設(shè)置已經(jīng)在文檔中進(jìn)行了論述。

下面的例子將設(shè)置hover mode為"sigle"，它作用于所有類型的圖表。如果圖表被默認(rèn)的設(shè)置覆蓋，或者在創(chuàng)建圖表時(shí)自定義了這個(gè)屬性，則不起作用。

Chart.defaults.global.hover.mode = "single";

// 這個(gè)圖表將擁有上述的"single"設(shè)置，因?yàn)樗麤]有自定義這個(gè)模式
var chartInstanceHoverModeSingle = new Chart(ctx, {
    type: "line",
    data: data,
});

// 這個(gè)圖表的hover mode會(huì)是自己定義的label，因?yàn)閟ingle被覆蓋了
var chartInstanceDifferentHoverMode = new Chart(ctx, {
    type: "line",
    data: data,
    options: {
        hover: {
            // Overrides the global setting
            mode: "label"
        }
    }
})

全局字體設(shè)置

有四個(gè)全局屬性可被設(shè)置，他們定義在Chart.default.global中。

Name	Type	Default	Description
defaultFontColor	Color	"#666 "	默認(rèn)全局字體顏色
defaultFontFamily	String	"Helvetica Neue", "Helvetica", "Arial", sans-serif"	默認(rèn)所有字體
defaultFontSize	Number	12	默認(rèn)字體大小（在現(xiàn)行縮放的labe兩種無效 )

Common Chart Configuration 通用圖標(biāo)設(shè)置

下面的設(shè)置對(duì)所有的圖表都是用，他們可以設(shè)置在 global configuration,或者在自己的圖表中傳遞

Name	Type	Default	Description
responsive	Boolen	true	當(dāng)容易改變大小時(shí)，自適應(yīng)圖表大小
responsiveAnimationDuration	Number	0	當(dāng)resize事件觸發(fā)時(shí)，動(dòng)畫執(zhí)行的時(shí)間，單位毫秒
maintaionAspectRatio	Boolean	true	改變大小時(shí)，圖表是否保持比例
events	Array[String]	["mouseover", "mouseout", "click", "touchstart", "touchemove", "touchend"]	hovering 和工具提示應(yīng)監(jiān)聽的事件
onClick	Function	null	在圖標(biāo)中點(diǎn)擊觸發(fā)或激活一些元素，函數(shù)的參數(shù)是元素?cái)?shù)組
legendCallback	Function	function(char){}	生成一個(gè)legend表單，參數(shù)是chart對(duì)象，默認(rèn)返回html文本
onResize	Function	null	當(dāng)resize觸發(fā)時(shí)調(diào)用，得到兩個(gè)參數(shù)，圖表實(shí)例和大小

Title Configuration 標(biāo)題設(shè)置

標(biāo)題設(shè)置是在options.title中設(shè)置的，全局設(shè)置是在Chart.defaults.global.title中定義。

Name	Type	Default	Description
display	Boolean	false	Display the titel block
position	String	"top"	設(shè)置位置，非全局只允許使用"top"/"bottom"
fullWdith	Boolean	true	設(shè)置寬度為canvas的寬度（其他盒子自動(dòng)下沉不重疊）
fontSize	Number	12	繼承全局字體大小
fontFamily	String	""Helvetica Neue", "Helvetica", "Arial", sans-serif"	繼承全局字體設(shè)置
fontColor	Color	"#666"	繼承全局字體顏色
fontStyle	String	"bold"	設(shè)置標(biāo)題樣式
padding	Number	10	上下內(nèi)邊距
text	String	""	標(biāo)題內(nèi)容文本

實(shí)例

下面例子創(chuàng)建了一個(gè)帶有名為“Custom Chart Title”標(biāo)題的圖表。

var chartInstance = new Chart(ctx, {
    type: "line",
    data: data,
    options: {
        title: {
            display: true,
            text: "Custom Chart Title"
        }
    }
})

Legend Configuration 說明設(shè)置

在options.legend中設(shè)置legend，全局設(shè)置在Chart.defaults.global.legend定義

Name	Type	Default	Description
display	Boolean	true	Is the legend displayed
position	String	"top"	設(shè)置位置，非全局只允許使用"top"/"bottom"
fullWidth	Boolean	true	設(shè)置寬度為canvas的寬度（其他盒子自動(dòng)下沉不重疊）
onClick	Function	function(event, legendItem){}	回調(diào)函數(shù)，注冊(cè)在頂部標(biāo)簽上
labels	Object	-	查看Legend Label Configuration 說明（下）

Legend Label Configuration Legend標(biāo)簽設(shè)置

被設(shè)置在Legend的labels鍵中

Name	Type	Default	Description
boxWidth	Number	40	著色盒子的寬度
fontSize	Number	12	繼承全局字體大小
fontFamily	String	""Helvetica Neue", "Helvetica", "Arial", sans-serif"	繼承全局字體設(shè)置
fontColor	Color	"#666"	繼承全局字體顏色
fontStyle	String	"bold"	設(shè)置標(biāo)題樣式
padding	Number	10	上下內(nèi)邊距
generateLabels:	Function	function(chart){}	生成legend的所有東西，默認(rèn)執(zhí)行返回文字加著色盒子，更多查看Legend Item
usePointStyle	Boolean	false	是否匹配相應(yīng)的點(diǎn)樣式

Legend item Interface Legend界面

該項(xiàng)被傳遞到legend 的onClick的回調(diào)函數(shù)中，從labels.generateLabels中返回，這項(xiàng)中必須實(shí)現(xiàn)下面的接口

{
    // Label that will be displayed
    text: String,

    // Fill style of the legend box
    fillStyle: Color,

    // If true, this item represents a hidden dataset. Label will be rendered with a strike-through effect
    hidden: Boolean,

    // For box border. See https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap
    lineCap: String,

    // For box border. See https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash
    lineDash: Array[Number],

    // For box border. See https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset
    lineDashOffset: Number,

    // For box border. See https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin
    lineJoin: String,

    // Width of box border
    lineWidth: Number,

    // Stroke style of the legend box
    strokeStyle: Color

    // Point style of the legend box (only used if usePointStyle is true)
    pointStyle: String
}

實(shí)例

下面例子將創(chuàng)建一個(gè)帶有l(wèi)egend的圖表，并且文字顏色為紅色。

var chartInstance = new Chart(ctx, {
    type: "bar",
    data: data,
    options: {
        legend: {
            display: true,
            labels: {
                fontColor: "rgb(255, 99, 132)"
            }
        }
    }
});

Tooltips Configuration 提示工具設(shè)置

提示工具在options.tooltips中設(shè)置，全局在Chart.defaults.global.tooptips中設(shè)置

Name	Type	Default	Description
enable	Boolear	true	提示工具是否生效
custom	Function	null	查看section（下面）
mode	String	"single"	設(shè)置那種元素在tooltips，選擇的設(shè)置有‘single’，‘label’，‘x-axis’。single：高亮最近的元素 label：高亮同樣值的數(shù)據(jù) x-axis：高亮所有的數(shù)據(jù)原色，當(dāng)鼠標(biāo)懸浮到塊是x值被選中。
itemSort	Function	undefined	允許對(duì)tooltip項(xiàng)進(jìn)行排序，但是執(zhí)行傳遞到Array.prototype.sort中的函數(shù)
backgroundColor	Color	"rgba(0,0,0,0.8)"	背景顏色
titleFontFamily	String	""Helvetica Neue", "Helvetica", "Arial", sans-serif"	繼承全局字體
titleFontSize	Number	12	繼承全局字體大小
titleFontStyle	String	"bold"
titleFontColor	Color	"#fff"	字體顏色
titleSpacing	Number	2	行間距
titleMarginBottom	Number	6	標(biāo)題底邊距
bodyFontFamily	String	""Helvetica Neue", "Helvetica", "Arial", sans-serif"	繼承全局字體
bodyFontSize	Number	12	字體大小
bodyFontStyle	String	"bold"
bodyFontColor	Color	"#fff"	字體顏色
bodySpacing	Number	2	行間距
footerFontFamily	String	""Helvetica Neue", "Helvetica", "Arial", sans-serif"	字體
footerFontSize	Number	12	字體大小
footerFontStyle	String	"bold"
footerFontColor	Color	"#fff"	字體顏色
footerSpacing	Number	2	行間距
footerMarginTop	Number	6	footer之間的間距
xPadding	Number	6	tooltip左右邊距
yPadding	Number	6	tooltip上下邊距
createSize	Number	5	tooltip箭頭大小，像素單位
cornerRadius	Number	6	拐角比率
muliKeyBackground	Color	"#fff"	Color to draw behind the colored boxes when multiple items are in the tooltip
callbacks	Object	Name	查看callback section部分

Tooltip Callback 回調(diào)函數(shù)

tooltip callback設(shè)置項(xiàng)，被嵌套在tooltip configuration設(shè)置相中，使用callbacks關(guān)鍵字。tooltip有一下callback來提供文字?！畉his’關(guān)鍵字代表的是從Chart.Tooltip構(gòu)造函數(shù)創(chuàng)建的對(duì)象。

所有的函數(shù)擁有共同的參數(shù)，tooltip項(xiàng)、data對(duì)象，所有的函數(shù)都必須返回文字string或者數(shù)組，數(shù)組代表的是多行文字。

Callback	Arguments	Description
beforeTitle	Array[tooltipItem], data	渲染標(biāo)題之前的文字
title	Array[tooltipItem], data	渲染成標(biāo)題的文字
afterTitle	Array[tooltipItem], data	渲染標(biāo)題之后的文字
beforeBody	Array[tooltipItem], data	body塊之前的文字
beforeLabel	tooltipItem, data	個(gè)人標(biāo)簽之前的文字
label	tooltipItem, data	個(gè)人定義的標(biāo)簽文字
labelColor	tooltipItem, chartInstace	渲染顏色，有兩個(gè)參數(shù)邊框顏色borderColor和背景顏色backgroundColor
afterLabel	tooltipItem, data	個(gè)人標(biāo)簽之后的文字
afterBody	Array[tooltipItem], data	body之后的文字
beforeFooter	Array[tooltipItem], data	footer之前的文字
footer	Array[tooltipItem], data	footer文字
afterFooter	Array[tooltipItem], data	footer之后的文字

Tooltip Item Interface tooltip項(xiàng)接口

{
    // X Value of the tooltip as a string
    xLabel: String,

    // Y value of the tooltip as a string
    yLabel: String,

    // Index of the dataset the item comes from
    datasetIndex: Number,

    // Index of this data item in the dataset
    index: Number
}

Hover Configuration hover 設(shè)置

hover configuraton在options.hover中設(shè)置，全局設(shè)置是Chart.defaults.global.hover

Name	Type	Default	Description
mode	String	"single"	設(shè)置那種元素在tooltips，選擇的設(shè)置有‘single’，‘label’，‘x-axis’。single：高亮最近的元素 label：高亮同樣值的數(shù)據(jù) x-axis：高亮所有的數(shù)據(jù)原色，當(dāng)鼠標(biāo)懸浮到塊是x值被選中。高亮最近的數(shù)據(jù)
animationDuration	Number	400	懸浮時(shí)動(dòng)畫執(zhí)行的時(shí)間，單位，毫秒
onHover	Function	null	調(diào)用被觸發(fā)的任何事件

Animation Configuration動(dòng)畫設(shè)置

以下動(dòng)畫設(shè)置都可生效，全局設(shè)置在Chart.defaults.global.animation中定義。

Name	Type	Default	Description
duration	Number	1000	動(dòng)畫執(zhí)行時(shí)間，單位毫秒
easing	String	"easeOutQuart"	使用埃舍爾函數(shù)
onProgress	Function	none	動(dòng)畫的每一步執(zhí)行的回調(diào)函數(shù)，傳入一個(gè)對(duì)象參數(shù)，該對(duì)象包含一個(gè)圖表實(shí)例，以及包含細(xì)節(jié)的動(dòng)畫對(duì)象
onComplete	Function	none	動(dòng)畫結(jié)束時(shí)調(diào)用的回調(diào)函數(shù)，參數(shù)與onProgress相同

Animation Callbacks 動(dòng)畫回調(diào)函數(shù)

圖標(biāo)動(dòng)畫的onProgress 和 onComplete回調(diào)函數(shù)在同步一個(gè)額外的繪制時(shí)是很有用的。他們的參數(shù)對(duì)象事先下面的接口。這些會(huì)掉函數(shù)的使用例子可以在這里找到.這個(gè)例子顯示一個(gè)程序條，顯示動(dòng)畫執(zhí)行時(shí)間。

{
    // Chart object
    chartInstance,

    // Contains details of the on-going animation
    animationObject,
}

Animation Object動(dòng)畫對(duì)象

動(dòng)畫對(duì)象是Chart.Animation的一個(gè)類型實(shí)例，它包括下面的屬性

{
    // Current Animation frame number
    currentStep: Number,

    // Number of animation frames
    numSteps: Number,

    // Animation easing to use
    easing: String,

    // Function that renders the chart
    render: Function,

    // User callback
    onAnimationProgress: Function,

    // User callback
    onAnimationComplete: Function
}

Element Configuration 元素設(shè)置

它在Chart.defaults.global.elements中定義全局設(shè)置

Options可以設(shè)置四中不同的元素類型：arc弧,lines線性,points點(diǎn),ande rectangles矩形.一旦設(shè)置，該類型中的對(duì)象都將執(zhí)行，除非在dataset中設(shè)置覆蓋。

Arc Configuration

Arcs 被用在極地、環(huán)、餅狀圖標(biāo)中。下面是他們的設(shè)置。全局arc設(shè)置保存在Chart.default.global.elements.arc

Name	Type	Default	Description
backgroundColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)的填充顏色
borderColor	Color	"#fff"	默認(rèn)線條顏色
borderWidth	Number	2	默認(rèn)線條寬度

Line Configuration 線性設(shè)置

線性元素用來描繪線性圖表，其全局選項(xiàng)存儲(chǔ)在Chart.defaults.global.elements.line中

Name	Type	Default	Description
tension	Number	0.4	默認(rèn)貝塞爾曲線張力設(shè)置，設(shè)置為0時(shí)，沒有曲線張力
backgroundColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)填充顏色
borderWidth	Number	3	線的寬度
borderColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)線的顏色
borderCapStyle	String	"butt"	默認(rèn)線的一端的樣式
borderDash	Array	[]	默認(rèn)線條波折線樣式
borderDashOffset	Number	0.0	默認(rèn)波折線間距
borderJoinStyle	String	"miter"	默認(rèn)線波折連接樣式
capBezierPoints	Boolean	true	如果值為true則控制圖表內(nèi)部點(diǎn)，為false則不控制
fill	Boolean	true	如果是true則為線填充顏色
stepped	Boolean	false	如果是true則線的樣式是折線，張力會(huì)無效

Point Configuration點(diǎn)型設(shè)置

點(diǎn)型元素用來設(shè)置線性或者泡泡型圖表，它的全局選項(xiàng)存儲(chǔ)在Chart.default.global.elements.point中。

Name	Type	Default	Description
radius	Number	3	默認(rèn)半徑
pointStyle	String	"circle"	默認(rèn)樣式
backgroundColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)填充顏色
borderWidth	Number	1	默認(rèn)邊的寬度
borderColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)邊的顏色
hitRadius	Number	1	鼠標(biāo)懸浮時(shí)額外增加的半徑
hoverRadius	Number	4	鼠標(biāo)放上去是的默認(rèn)半徑
hoverBorderWidth	Number	1	鼠標(biāo)放上去時(shí)默認(rèn)線寬

Rectangle Configuration矩形設(shè)置

矩形元素用來繪制條狀圖表，全局屬性設(shè)置存儲(chǔ)在Chart.defaults.global.element.rectangle中

Name	Type	Default	Description
backgroundColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)條顏色
borderWidth	Number	0	默認(rèn)條的線寬
borderColor	Color	"rgba(0,0,0,0.1)"	默認(rèn)條的線的顏色
borderSkipped	String	"bottom"	默認(rèn)的跳躍邊界

Color顏色

當(dāng)給圖表的選項(xiàng)設(shè)置顏色時(shí)，可以使用幾種顏色格式。一、16進(jìn)制文字; 二、RGB；三、HSL符號(hào)。如果需要顏色但是又沒有去自定義，圖表就回去使用默認(rèn)顏色。默認(rèn)顏色存儲(chǔ)在Chart.defaults.global.defaultColor.它的初始值是"rgb(0,0,0,0.1)"。

你也可以傳遞一個(gè)CanvasGradient對(duì)象，傳遞之前需先創(chuàng)建。

最后的設(shè)置項(xiàng)是傳遞一個(gè)CanvasPattern對(duì)象。例如，如果你想要填充數(shù)據(jù)到一個(gè)圖片上，如下！

var img = new Image();
img.src = "https://example.com/my_image.png";
img.onload = function() {
    var ctx = document.getElementById("canvas").getContext("2d");
    var fillPattern = ctx.createPattern(img, "repeat");

    var chart = new Chart(ctx, {
        data: {
            labels: ["Item 1", "Item 2", "Item 3"],
            datasets: [{
                data: [10, 20, 30],
                backgroundColor: fillPattern
            }]
        }
    })
}

GPU云服務(wù)器云服務(wù)器中文翻譯 webrtc中文翻譯 chart.js chart.js cdn

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/81802.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

y1chuan

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

程序員的算法趣題Q46: 唯一的OX序列

閱讀 2290·2021-09-30 09:47
name域名優(yōu)惠碼：Name域名新注冊(cè)/續(xù)費(fèi)優(yōu)惠/免費(fèi)隱私保護(hù)/技巧心得

閱讀 1064·2021-08-27 13:01
記錄一次面試題

閱讀 3018·2019-08-30 15:54
JS基礎(chǔ)入門篇（三十三）—正則表達(dá)式

閱讀 3753·2019-08-30 15:53
2017前端技術(shù)大盤點(diǎn)

閱讀 895·2019-08-29 14:07
玩轉(zhuǎn)CSS選擇器（二）之瀏覽器支持，常見Bug，性能優(yōu)化

閱讀 786·2019-08-28 18:16
async/await 和 Promise 的用例&關(guān)系

閱讀 883·2019-08-26 18:37
VUE es6技巧寫法（持續(xù)更新中~~~）

閱讀 1476·2019-08-26 13:27

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

chart.js 中文文檔翻譯

npm

！如果你之前的版本中使用了Monment.js，那么就不要使用Chart.bundle.js版本了，因?yàn)榭赡茉斐晌粗獑栴}

相關(guān)文章

chart. js 官方文檔中文譯本

chart. js 官方文檔中文譯本

Chart.js使用小結(jié)_024

前端開發(fā)者常用的9個(gè)JavaScript圖表庫

發(fā)表評(píng)論

0條評(píng)論

y1chuan

男|高級(jí)講師

TA的文章

程序員的算法趣題Q46: 唯一的OX序列

name域名優(yōu)惠碼：Name域名新注冊(cè)/續(xù)費(fèi)優(yōu)惠/免費(fèi)隱私保護(hù)/技巧心得

記錄一次面試題

JS基礎(chǔ)入門篇（三十三）—正則表達(dá)式

2017前端技術(shù)大盤點(diǎn)

玩轉(zhuǎn)CSS選擇器（二）之瀏覽器支持，常見Bug，性能優(yōu)化

async/await 和 Promise 的用例&關(guān)系

VUE es6技巧寫法（持續(xù)更新中~~~）

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

chart.js 中文文檔 翻譯

npm

！如果你之前的版本中使用了Monment.js，那么就不要使用Chart.bundle.js版本了，因?yàn)榭赡茉斐晌粗獑栴}

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

chart.js 中文文檔翻譯

！如果你之前的版本中使用了Monment.js，那么就不要使用Chart.bundle.js版本了，因?yàn)榭赡茉斐晌粗獑栴}