گردش کار معمولی برای مشاهده تغییرات در تجسم جامعه شما این است که فایل های خود را در GCS آپلود کنید ، سپس گزارش Looker Studio خود را بازخوانی کنید. این کار می کند، اما به این معنی است که می توانید زمان زیادی را برای دیدن تغییرات صرف کنید. dscc-gen یک گردش کار را قادر می‌سازد تا فوراً تغییرات کد تجسم شما را مشاهده کند، و زمان لازم برای نوشتن تصویرسازی انجمن را کاهش می‌دهد.
برای شروع، مطمئن شوید که npm 5.2.0 یا بالاتر و gsutil نصب شده باشد. سپس اجرا کنید:
npx @google/dscc-gen viz
پیکربندی اولین بار
dscc-gen دارای یک مجموعه داده محلی پیش‌فرض است که احتمالاً نماینده داده‌هایی نیست که می‌خواهید تجسم کنید. برای به روز رسانی این مجموعه داده برای رفع نیازهای شما:
- پیکربندی خود را در
src/index.jsonبه روز کنید. -
npm run update_messageاجرا کنید. این یک تصویرسازی را در سطلdevشما مستقر می کند که پیام را در قالبی نمایش می دهد که کپی کردن آن آسان است. - یک گزارش جدید ایجاد کنید و به مجموعه داده ای متصل شوید که نماینده داده هایی است که می خواهید تجسم کنید.
- با استفاده از سطل
devخود به‌عنوان شناسه مؤلفه ، تصویرسازی انجمن را اضافه کنید . - محتویات تجسم را در
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 را مرور کنید.
