Я работаю с Google Charts в моем React приложении, используя для этого React-Google-Charts .
Для типов диаграмм, Я использую версии материалов различных диаграмм Google, такие как Линия вместо LineChart , Бар вместо ColumnChart и т. Д.,
Я использую эти типы диаграмм, так как мне нужно иметь несколько осей «Y» одновременно, а диаграммы материалов позволяют мне делать это без перекрытий осей (при использовании классических диаграмм причем две оси 'Y', они перекрываются).
Однако моя ось "X" образована датами, и эти даты имеют действительно раздражающий и бесполезный формат в диаграммах материалов.
Вот как даты отображаются в материале Гистограмма График:
Вместо этого я хотел бы болееинформативный формат даты, например, «MMM dd, yyyy».
Отредактировано из-за комментария WhiteHat
Как было отмечено в комментариях,У Google есть список треков опций, которые не работают с материалами графиками, и сначала я использовал один из этих вариантов, поэтому, конечно, он не работал.
Теперь я изменил его на параметр, который не упоминается в списке дорожек, ноон все еще не работает с моими материалами диаграммами:
hAxis: {
format: 'MMM dd'
};
Нашел решение сам:
Проблема заключалась в том, что мне нужно было преобразовать эти параметры, которых нет в форме материала , с помощью функции, которую Google предоставляет для каждого типа диаграммы.Например, в случае диаграммы Bar мне пришлось бы использовать google.charts.Bar.convertOptions(options) для преобразования этих опций.
Поскольку я использую оболочку React для своего кода, реагировать-google-карты , это не может быть сделано очень очевидным способом, но здесь кто-то предлагает идеальное решение для этого.