Tại Visual Paradigm, chúng tôi luôn tìm kiếm những cách để giúp trải nghiệm sáng tạo hình ảnh của bạn trơn tru, nhanh chóng và trực quan hơn. Hôm nay, chúng tôi rất hào hứng giới thiệu Định dạng Mã cho ECharts trong Visual Paradigm VPasCode—một tính năng được thiết kế trực tiếp với mục tiêu tính dễ sử dụng trong tâm trí bạn.
Khi làm việc với các đoạn mã biểu đồ phức tạp, tính dễ đọc là điều quan trọng nhất. Gom nhiều thuộc tính vào một dòng khiến bạn dễ bỏ sót chi tiết hoặc mắc sai sót khi chỉnh sửa. Với công cụ định dạng mới của chúng tôi, cấu trúc mã của bạn sẽ được chuyển đổi ngay lập tức:
-
Không Có Gì Ẩn: Mỗi thuộc tính được liệt kê rõ ràng trên từng dòng riêng biệt, giúp bạn có cái nhìn toàn diện về cấu trúc biểu đồ của mình.
-
Chỉnh sửa Dễ Dàng: Nhanh chóng tìm thấy và cập nhật nhãn, dữ liệu chuỗi hoặc quy tắc định dạng mà không cần lục lọi qua các dòng mã bị nén.
-
Dọn dẹp Chỉ Một Nhấp Chuột: Chỉ cần nhấp vào nút
</> Định dạngở đầu trình soạn thảo để ngay lập tức sắp xếp đoạn mã của bạn thành các khoảng cách thụt lề sạch sẽ và chuẩn mực.
Trước
Sau
Thử Tự Mình!
Xem cách mã được định dạng dễ làm việc đến mức nào. Nhấp vào Chỉnh sửa bên dưới để mở đoạn mã bị nén này trong trình soạn thảo, sau đó nhấn </> Định dạng để dọn dẹp nó chỉ trong một nhấp chuột:
option = { title: { text: 'Doanh số theo khu vực theo quý' },
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
legend: { data: ['Bắc', 'Nam', 'Đông', 'Tây'] },
xAxis: { type: 'value', name: 'Doanh thu (đơn vị: 1.000 USD)' },
yAxis: { type: 'category', data: ['Q1', 'Q2', 'Q3', 'Q4'] },
series: [{ name: 'Bắc', type: 'bar', stack: 'Tổng cộng', data: [85, 120, 95, 150] },
{ name: 'Nam', type: 'bar', stack: 'Tổng cộng', data: [65, 90, 110, 130] }] };
Nâng tầm trực quan hóa dữ liệu của bạn lên một tầm cao mới
Ngừng chiến đấu với mã nguồn lộn xộn. Thiết kế các biểu đồ chuyên nghiệp, tương tác dễ dàng bằng cách sử dụngVPasCode.