реагировать на Google диаграммы - стиль диаграммы линии - PullRequest
Новая
       24

реагировать на Google диаграммы - стиль диаграммы линии

0 голосов
/ 29 марта 2020

Я пытаюсь увеличить толщину линии моей линейной диаграммы, реализованной с помощью response-google-charts. Я просмотрел документацию, но все, что связано с толщиной линии, не сработало. Как мне увеличить толщину линии и придать линии отдельный цвет? Ниже моя реализация и подход к увеличению толщины линии 

            <Chart
              width={"98%"}
              height={"290px"}
              chartType="Line"
              loader={<div>Loading Chart</div>}
              data={transformedArray}
              options={{
                lineWidth: 10,
                colors: ["black", "blue", "red", "green", "yellow", "gray"],
                legend: { position: "none" }
              }}
              rootProps={{ "data-testid": "3" }}
            />

lineWidth: 10 ничего не сделал для линий.

1 Ответ

0 голосов
/ 29 марта 2020

В chartType="Line" - lineWidth у меня тоже не работает. Но chartType="LineChart" принимает lineWidth в качестве клавиши выбора.

Вы можете поиграть с curveType (линия, функция) в опции конфигурации и попытаться получить желаемый результат.

обновление:

Для управления цветами используйте свойство colors (значение - это массив цветов - столько, сколько у вас есть линий): 

colors: ['yellow', 'green']
...