Giấy phép javascript theo cốt truyện

Được xây dựng trên đầu trang của d3. js và ngăn xếp. gl, âm mưu. js là một thư viện biểu đồ khai báo cấp cao. âm mưu. js cung cấp hơn 30 loại biểu đồ, bao gồm biểu đồ khoa học, biểu đồ 3D, biểu đồ thống kê, bản đồ SVG, biểu đồ tài chính, v.v.

Giấy phép javascript theo cốt truyện

Liên hệ với chúng tôi cho Plotly. js, phát triển bảng điều khiển, tích hợp ứng dụng và bổ sung tính năng

Mục lục

Tùy chọn bắt đầu nhanh

Cài đặt với npm

npm install plotly.js-dist

và nhập cốt truyện. js dưới dạng import Plotly from 'plotly.js-dist'; hoặc var Plotly = require('plotly.js-dist');

Sử dụng cốt truyện. js CDN được lưu trữ bởi Fastly


<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>

và sử dụng đối tượng Plotly trong phạm vi cửa sổ

Tải xuống bản phát hành mới nhất

Bản phát hành mới nhất trên GitHub

và sử dụng cốt truyện. js (các) tệp dist. Thêm thông tin tại đây

Đọc trang Bắt đầu để biết thêm ví dụ

mô-đun

Bắt đầu từ v1.15.0, theo cốt truyện. js vận chuyển với một số gói một phần (thêm thông tin)

Bắt đầu từ


<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
0, theo cốt truyện. js xuất bản các gói npm phân tán không phụ thuộc. Ví dụ: chạy

<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
1 và thêm

<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
2 vào mã của bạn để bắt đầu sử dụng sơ đồ. gói địa lý js

Nếu không có gói npm được phân phối nào đáp ứng nhu cầu của bạn và bạn muốn chọn theo cách thủ công gói nào. js, trước tiên bạn cần chạy


<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
3, sau đó tạo một gói tùy chỉnh bằng cách sử dụng

<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
4 và chỉ tải các loại theo dõi mà bạn cần (e. g.

<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
5 hoặc

<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
6). Cách được đề xuất để thực hiện việc này là tạo một tệp gói. Ví dụ, trong CommonJS

// in custom-plotly.js
var Plotly = require('plotly.js/lib/core');

// Load in the trace types for pie, and choropleth
Plotly.register([
    require('plotly.js/lib/pie'),
    require('plotly.js/lib/choropleth')
]);

module.exports = Plotly;

Sau đó, ở nơi khác trong mã của bạn

var Plotly = require('./path/to/custom-plotly');

Để tìm hiểu thêm về cốt truyện. kiến trúc mô-đun js, hãy tham khảo bài đăng về các dự án JS nguyên khối mô-đun hóa của chúng tôi

Ký tự không phải mã ascii

Quan trọng. cốt truyện. cơ sở mã js chứa một số ký tự không phải ascii. Do đó, vui lòng đảm bảo đặt thuộc tính


<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
7 thành

<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
8 trong thẻ tập lệnh nhập theo cốt truyện của bạn. gói js. Ví dụ

<script src="my-plotly-bundle.js" charset="utf-8">script>

xây dựng cốt truyện. js

Hướng dẫn xây dựng sử dụng


<script src="https://cdn.plot.ly/plotly-latest.min.js">script>


<script src="https://cdn.plot.ly/plotly-1.5.0.min.js">script>


<script src="https://cdn.plot.ly/plotly-latest.js" charset="utf-8">script>
9,
// in custom-plotly.js
var Plotly = require('plotly.js/lib/core');

// Load in the trace types for pie, and choropleth
Plotly.register([
    require('plotly.js/lib/pie'),
    require('plotly.js/lib/choropleth')
]);

module.exports = Plotly;
0 và các khung xây dựng khác có trong
// in custom-plotly.js
var Plotly = require('plotly.js/lib/core');

// Load in the trace types for pie, and choropleth
Plotly.register([
    require('plotly.js/lib/pie'),
    require('plotly.js/lib/choropleth')
]);

module.exports = Plotly;
1

Lỗi và yêu cầu tính năng

Có một lỗi hoặc một yêu cầu tính năng?

Tài liệu

cốt truyện chính thức. tài liệu js được lưu trữ trên cốt truyện. ly/javascript

Các trang này được tạo bởi repo tài liệu Plotly được xây dựng với Jekyll và được lưu trữ công khai trên Trang GitHub. Để biết thêm thông tin về việc đóng góp vào tài liệu Plotly, vui lòng đọc qua hướng dẫn đóng góp

Bạn cũng có thể đề xuất các ví dụ tài liệu mới bằng cách gửi Codepen trên cộng đồng. kịch bản. ly với thẻ

// in custom-plotly.js
var Plotly = require('plotly.js/lib/core');

// Load in the trace types for pie, and choropleth
Plotly.register([
    require('plotly.js/lib/pie'),
    require('plotly.js/lib/choropleth')
]);

module.exports = Plotly;
2

Đóng góp

Vui lòng đọc qua hướng dẫn đóng góp của chúng tôi. Bao gồm các hướng dẫn để mở các vấn đề, sử dụng cốt truyện. js trong dự án của bạn và ghi chú về quá trình phát triển