1

enter image description here

On the places of star I want to display some custom images like face emojis.I'm using the react-google-chart library here . So far, my code is as below

           import { Chart } from "react-google-charts";
           ...

           <Chart
              width={'500px'}
              height={'300px'}
              chartType="AreaChart"
              loader={<div>Loading Chart</div>}
              data={[
                ['Year',  'Expenses', {'type': 'string', 'role': 'style'}],
                ['2013',  400, null],
                ['2014',  460, null],
                ['2015',  1120, 'point { size: 18; shape-type: star; fill-color: #a52714; }'],
                ['2016',  540, null],
              ]}
              options={{
                title: 'Company Performance',
                hAxis: { title: 'Year', titleTextStyle: { color: '#333' } },
                vAxis: { minValue: 0 },
                // For the legend to fit, we make the chart area smaller
                chartArea: { width: '50%', height: '70%' },
                // lineWidth: 25
                pointSize: 20,
                // series: {
                //   0: { pointShape: { type: 'star', sides: 5, dent: 0.5 } }
                // }
              }}
              // For tests
              rootProps={{ 'data-testid': '1' }}
            />
WhiteHat
  • 59,912
  • 7
  • 51
  • 133
shashi verma
  • 873
  • 2
  • 15
  • 25
  • see this answer --> [How can I attach the image or icon on edge of google line chart](https://stackoverflow.com/a/39553121/5090771) – WhiteHat Jun 10 '20 at 15:49

0 Answers0