точить диаграммы в [графических изображениях] - PullRequest
Новая
       3

точить диаграммы в [графических изображениях]

0 голосов
/ 23 сентября 2019

В настоящее время мы визуализируем диаграммы с диаграммами изображений, но у нас есть проблема, поскольку мы используем диаграммы в HTML-шаблонах, а качество изображения диаграмм с изображениями отличается от других текстов / изображений.

В настоящее время мы визуализируем диаграммы как pngs.

1 Ответ

0 голосов
/ 25 сентября 2019

Image-Charts основатель здесь:)

В настоящее время существует два решения:

(бесплатно) Запросите увеличенное изображение, а затем разрешите браузеру уменьшить его размер

Свободные пользователи могут создавать графики до 999x999px.Допустим, вам нужен окончательный график 450x300px.

Сначала давайте запросим столбчатую диаграмму, которая имеет chs=900x600 (таким образом, размер 900x600px) и размер шрифта метки 16px (chxs=1N**K,333333,16%7C0,333333,16). 

https://image-charts.com/chart?cht=bvg&chd=t:10,15,25,30,40,80&chs=900x600&chxt=x,y&chxl=0:%7CMarch%20'18%7CApril%20'18%7CMay%20'18%7CJune%20'18%7CJuly%20'18%7CAugust%20'18%7C&chdl=Visitors%20(in%20thousands)&chf=b0,lg,90,05B142,1,0CE858,0.2&chtt=Visitors%20report&chma=0,0,10,10&chl=%7C%7C%7C%7C+33%25%20!%7Cx2&chxs=1N**K,333333,16%7C0,333333,16

Теперь,вставьте его внутрь тега <img/> шириной 450px и высотой 300px, например: 

<img style="height:300px;width:450px;" src="https://image-charts.com/chart?cht=bvg&chd=t:10,15,25,30,40,80&chs=900x600&chxt=x,y&chxl=0:%7CMarch%20'18%7CApril%20'18%7CMay%20'18%7CJune%20'18%7CJuly%20'18%7CAugust%20'18%7C&chdl=Visitors%20(in%20thousands)&chf=b0,lg,90,05B142,1,0CE858,0.2&chtt=Visitors%20report&chma=0,0,10,10&chl=%7C%7C%7C%7C+33%25%20!%7Cx2&chxs=1N**K,333333,16%7C0,333333,16"/>

Уменьшение размера браузера при создании резкого изображения на экранах с высоким разрешением.

(предприятие и предприятие + клиенты) Используйте функцию отображения сетчатки

Кредитное плечо icretina=1 и srcset, больше информации здесь .

...