Linechart中的图例-Google-Charts-React

时间:2019-06-24 08:11:14

标签: reactjs linechart

我正在使用google-chart-react的Linechart。

问题是我无法将图例位置更改为底部,而是保持在右侧。

我尝试过:

    width={'70%'}
    height={'200'}
    chartType="Line"
    data={dats}

     options={{
      legend:'bottom',
      colors:['#95a0be','#90d6db'],
      width: 800,
      height: 300,
      series: {

        // Gives each series an axis name that matches the Y-axis below.
        0: { axis: 'Temps' },

      },....

1 个答案:

答案 0 :(得分:1)

如果您使用react-google-charts, 设置chartType =“ LineChart”和图例:{position:'bottom'}

  <Chart
    ...
    chartType="LineChart"
    options={{
      ...,
      legend: { position: 'bottom' },
    }}/>