3d-pie-chart 中文文档教程

发布于 4年前 浏览 31 项目主页 更新于 3年前

3D Pie Chart

可爱且高度可定制的 Raphaël 3d 饼图/圆环图。

Installation

npm install 3d-pie-chart --save

Build

npm run build

bundle 文件包含 raphael.js,无需单独下载。

Usage

run on test page

npm run start:dev

run on your own page

首先构建,然后在您的 html 中使用生成的 dist/3d-pie.bundle.js 文件

<script src="your/path/3d-pie.bundle.js"></script>

Example

pieChart({
    containerId: "wrapper",
    title: "Expenses",
    data: [
        {
            value: 45,
            color: "#00ff00",
            label: "January - 45"
        },
        {
            value: 49,
            color: "#ff0011",
            label: "February - 49"
        },
        {
            value: 40,
            color: "#0079fa",
            label: "March - 40"
        }
    ]
});

3D Pie Chart

Adorable and highly customizable Raphaël 3d pie/dounut chart.

Installation

npm install 3d-pie-chart --save

Build

npm run build

The bundle file includes raphael.js, there is no need to download it separately.

Usage

run on test page

npm run start:dev

run on your own page

Build first, then use generated dist/3d-pie.bundle.js file in your html

<script src="your/path/3d-pie.bundle.js"></script>

Example

pieChart({
    containerId: "wrapper",
    title: "Expenses",
    data: [
        {
            value: 45,
            color: "#00ff00",
            label: "January - 45"
        },
        {
            value: 49,
            color: "#ff0011",
            label: "February - 49"
        },
        {
            value: 40,
            color: "#0079fa",
            label: "March - 40"
        }
    ]
});
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文