В Visual Paradigm, мы постоянно ищем способы сделать ваш опыт визуального создания более плавным, быстрым и интуитивно понятным. Сегодня мы рады представить Форматирование кода для ECharts в Visual Paradigm VPasCode — функция, разработанная с учетом вашей удобства использования во внимание.
При работе со сложными скриптами диаграмм читаемость имеет первостепенное значение. Сжатие нескольких атрибутов в одну строку делает легко упустить детали или допустить ошибки при редактировании. С помощью нашего нового инструмента форматирования структура вашего кода мгновенно преобразуется:
-
Ничего не скрыто: Каждый атрибут четко указан в отдельной строке, обеспечивая полную видимость структуры вашей диаграммы.
-
Легкое редактирование: Быстро находите и обновляете метки, данные рядов или правила стилизации, не перебирая плотные строки кода.
-
Однократная очистка: Просто нажмите кнопку
</> Форматв верхней части редактора, чтобы мгновенно организовать ваш скрипт в чистые, стандартные отступы.
До
После
Попробуйте сами!
Увидьте, насколько проще работать с отформатированным кодом. Нажмите Редактировать ниже, чтобы открыть этот сжатый код в редакторе, а затем нажмите </> Формат чтобы очистить его одним кликом:
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.