Viết hình ảnh nhanh hơn bằng dscc-gen

Quy trình làm việc thông thường để xem các thay đổi trong hình ảnh dữ liệu cộng đồng là tải tệp lên GCS, sau đó làm mới báo cáo Data Studio. Điều này có hiệu quả, nhưng có nghĩa là bạn có thể mất nhiều thời gian chờ đợi để thấy các thay đổi. dscc-gen cho phép quy trình làm việc xem ngay các thay đổi về mã trực quan hoá, giảm thời gian cần thiết để viết một hình ảnh dữ liệu cộng đồng.

Để bắt đầu, hãy đảm bảo bạn đã cài đặt npm 5.2.0 trở lên và gsutil. Sau đó, hãy chạy:

npx @google/dscc-gen viz

Cấu hình lần đầu

dscc-gen đi kèm với một tập dữ liệu cục bộ mặc định có thể không đại diện cho dữ liệu mà bạn muốn trực quan hoá. Cách cập nhật tập dữ liệu này để đáp ứng nhu cầu của bạn:

  1. Cập nhật cấu hình tại src/index.json.
  2. Chạy npm run update_message. Thao tác này triển khai một hình ảnh trực quan vào vùng chứa dev của bạn, hiển thị thông báo ở định dạng dễ sao chép.
  3. Tạo báo cáo mới và kết nối với một tập dữ liệu đại diện cho dữ liệu mà bạn muốn trực quan hoá.
  4. Thêm một hình ảnh dữ liệu cộng đồng bằng cách sử dụng nhóm dev làm mã nhận dạng thành phần.
  5. Sao chép nội dung của hình ảnh trực quan vào scripts/data/localData.js. Dữ liệu này sẽ được dùng khi bạn phát triển cục bộ.

Tập lệnh

Bạn có thể dùng các tập lệnh sau cho những dự án trực quan hoá được tạo bằng dscc-gen.

Lệnh Hành động
npm run start Khởi động máy chủ cục bộ và xem trước hình ảnh trực quan
npm run update_message Cập nhật thông báo bằng cách sử dụng objectFormat
npm run build:dev Tạo tệp từ ./src thành ./build khi tắt tính năng lưu vào bộ nhớ đệm.
npm run push:dev Sao chép các tệp từ build vào bộ chứa dev.
npm run build:prod Tạo tệp từ ./src thành ./build khi bật tính năng lưu vào bộ nhớ đệm.
npm run push:prod Sao chép các tệp từ build vào vùng lưu trữ prod.

Lệnh update_message mặc định là objectFormat. Để sử dụng tableFormat, hãy chỉnh sửa các tham số trong tập lệnh update_message trong package.json từ -f object thành -f table.

Lớp học lập trình

Để tìm hiểu cách sử dụng công cụ này, hãy xem lớp học lập trình dscc-gen.

dscc-gen codelab