Изменение ширины ячейки таблицы на основе динамического рисунка

Question

Я пытаюсь создать HTML-письмо с гистограммами - я видел пример, где гистограммы - это просто ячейки таблицы, ширина которых варьируется в зависимости от динамического рисунка. Это была энергетическая компания, которая отправила каждому клиенту гистограмму их потребления энергии за месяц. Показатель использования энергии, очевидно, отличается для всех, и именно этот показатель использовался для определения ширины ячейки таблицы, которая была столбцом на графике. Мне было просто интересно, как это было сделано, так как это электронная почта и JavaScript не могут быть использованы. Письмо было отправлено на мою учетную запись gmail, и я проверил код, но до сих пор неясно, как это делается, поскольку gmail переименовывает все классы и удаляет большую часть CSS из лучших стилей.

Answer 1

Несколько лет назад я молчал для разных компаний. Для полос различной ширины вы можете использовать% как ширину с цветами фона. Ваша база данных должна содержать флаг, который решает, какую версию графика показывать.

Ширина таблицы может быть в процентах, поэтому она может уменьшаться на адаптивных экранах. Без примера изображения или кода, это то, что я могу сказать. Попробуйте добавить изображение возможного и, возможно, мы сможем взглянуть на него правильно.