LineChart, Color points

40 views
Skip to first unread message

Eu

unread,
Mar 24, 2022, 3:05:37 PM3/24/22
to Google Visualization API
I'm having trouble figuring out how to change the color of data points
on a line chart. For example, I want the line to be black with big
blue data points:
dashboard.ts:
this.chartData = {
      type: 'LineChart',
      data: [
        ["Janeiro",  this.meses[0] ],
        ["Fevereiro", this.meses[1] ],
        ["Março",  this.meses[2] ],
        ["Abril",  this.meses[3] ],
        ["Maio",  this.meses[4] ],
        ["Junho",  this.meses[5] ],
        ["Julho",  this.meses[6] ],
        ["Agosto",  this.meses[7] ],
        ["Setembro",  this.meses[8] ],
        ["Outubro",  this.meses[9] ],
        ["Novembro",  this.meses[10] ],
        ["Dezembro",  this.meses[11] ]
      ],
      columnNames: ["Month", this.soAno],
      options: {
        chartArea: {
         
          width: '90%'
        },
        hAxis: {
            },
            vAxis:{
              title: 'Total de Processos',
              // ticks:[0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20],
              titleTextStyle: {
                color: '#666666',
                fontName:'Lucida Sans Unicode',
                fontSize:18
              }
            },
        legend:'none',
        // colors: ['#666666'],
        series:{
          0:{
            color:'#666666',
            lineWidth: 3  

          }
        },
        pointSize:10  
      }
    };

dashboard.html:
<google-chart id="org_chart" #chart
              [type]="chartData.type"
              [options]="chartData.options"
              [columns]="chartData.columnNames"
              [data]="chartData.data"
              [dynamicResize] ="true"
              style="height: 390px;width: 100%;"
              >
            </google-chart>
Reply all
Reply to author
Forward
0 new messages