تجسم های خود را سریعتر با dscc-gen بنویسید

گردش کار معمولی برای مشاهده تغییرات در تجسم جامعه شما این است که فایل های خود را در GCS آپلود کنید ، سپس گزارش Looker Studio خود را بازخوانی کنید. این کار می کند، اما به این معنی است که می توانید زمان زیادی را برای دیدن تغییرات صرف کنید. dscc-gen یک گردش کار را قادر می‌سازد تا فوراً تغییرات کد تجسم شما را مشاهده کند، و زمان لازم برای نوشتن تصویرسازی انجمن را کاهش می‌دهد.

برای شروع، مطمئن شوید که npm 5.2.0 یا بالاتر و gsutil نصب شده باشد. سپس اجرا کنید:

npx @google/dscc-gen viz

پیکربندی اولین بار

dscc-gen دارای یک مجموعه داده محلی پیش‌فرض است که احتمالاً نماینده داده‌هایی نیست که می‌خواهید تجسم کنید. برای به روز رسانی این مجموعه داده برای رفع نیازهای شما:

  1. پیکربندی خود را در src/index.json به روز کنید.
  2. npm run update_message اجرا کنید. این یک تصویرسازی را در سطل dev شما مستقر می کند که پیام را در قالبی نمایش می دهد که کپی کردن آن آسان است.
  3. یک گزارش جدید ایجاد کنید و به مجموعه داده ای متصل شوید که نماینده داده هایی است که می خواهید تجسم کنید.
  4. با استفاده از سطل dev خود به‌عنوان شناسه مؤلفه ، تصویرسازی انجمن را اضافه کنید .
  5. محتویات تجسم را در scripts/data/localData.js کپی کنید. زمانی که به صورت محلی توسعه می دهید از این داده ها استفاده می شود.

اسکریپت ها

اسکریپت های زیر برای پروژه های تجسم ایجاد شده با dscc-gen موجود است.

فرمان اقدام
npm run start سرور محلی را راه اندازی کنید و تجسم خود را پیش نمایش کنید
npm run update_message پیام را با استفاده از objectFormat به روز کنید
npm run build:dev ساخت فایل ها از ./src به ./build با غیرفعال کردن کش .
npm run push:dev فایل ها را از build در سطل dev خود کپی کنید.
npm run build:prod ساخت فایل ها از ./src به ./build با فعال کردن کش .
npm run push:prod فایل ها را از build در سطل prod کپی کنید.

دستور update_message به طور پیش فرض روی objectFormat قرار می گیرد. برای استفاده از tableFormat ، پارامترهای موجود در اسکریپت update_message در package.json را از -f object به -f table ویرایش کنید.

Codelab

برای یادگیری نحوه استفاده از ابزار، dscc-gen codelab را مرور کنید.

dscc-gen codelab