Read this post in: de_DEen_USes_ESfr_FRhi_INid_IDpl_PLpt_PTru_RUvizh_CNzh_TW

ワークフローを強化:EChartsの自動フォーマットがVPasCodeで利用可能に!

EDITION REQUIRED|
DESKTOPCommunity
VP ONLINEFree

当社ではVisual Paradigm、視覚的創造体験をよりスムーズで、迅速かつ直感的にする方法を常に模索しています。本日、私たちは以下の新機能を紹介できることを嬉しく思います。ECharts用のコードフォーマット Visual Paradigm におけるVPasCode——ユーザーの使いやすさを意識して設計された機能です。

複雑なチャートスクリプトを扱う際、可読性がすべてです。複数の属性を1行に詰め込むと、細部を見逃したり、編集ミスをしやすくなります。当社の新しいフォーマットツールを使えば、コード構造が即座に変化します:

  • 隠れ要素なし:すべての属性が明確に1行ずつリストアップされ、チャートの構造を完全に把握できます。

  • 編集が簡単:詰め込まれたコード行を捜し回ることなく、ラベルやシリーズデータ、スタイルルールをすばやく見つけて更新できます。

  • ワンクリック整理:単に編集画面の上部にある</> フォーマットボタンをクリックするだけで、スクリプトをすばやくきれいな標準的なインデントに整理できます。

自分でも試してみましょう!

フォーマットされたコードがどれほど扱いやすいかを確認してください。以下の編集ボタンをクリックして、この詰められたコードをエディタで開き、</> フォーマットボタンを押すだけで、ワンクリックで整理できます:


option = { title: { text: '地域別四半期売上' },
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, 
legend: { data: ['北', '南', '東', '西'] }, 
xAxis: { type: 'value', name: '売上(1,000ドル単位)' }, 
yAxis: { type: 'category', data: ['Q1', 'Q2', 'Q3', 'Q4'] }, 
series: [{ name: '北', type: 'bar', stack: 'Total', data: [85, 120, 95, 150] }, 
{ name: '南', type: 'bar', stack: 'Total', data: [65, 90, 110, 130] }] };

データ可視化を次のレベルへ

ごちゃごちゃしたコードと格闘するのをやめましょう。VPasCodeを使って、プロフェッショナルでインタラクティブなチャートを簡単に設計できます。VPasCode.

今すぐライブVPasCodeエディタを起動 →

上部へスクロール