Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

135
Views
Add custom icon on specific point on google charts timeline

I have a timeline using google react charts.

const columns = [
  { type: "string", id: "President" },
  { type: "string", id: "dummy bar label" },
  { type: "string", role: "tooltip" },
  { type: "date", id: "Start" },
  { type: "date", id: "End" }
];

const rows = [
  ["Washington", null, "George", new Date(1789, 3, 29), new Date(1797, 2, 3)],
  ["Adams", null, "John", new Date(1797, 2, 3), new Date(1801, 2, 3)],
  ["Jefferson", null, "Thomas", new Date(1801, 2, 3), new Date(1809, 2, 3)]
];
 <Chart
          chartType="Timeline"
          data={[columns, ...rows]}
          width="100%"
          height="400px"
        />

I want to add an icon to a specific day in the chart, on top of the bar (like in the image shown below). timeline with icon

Codesandbox: https://codesandbox.io/s/rakannimerreact-google-charts-timeline-with-tooltip-ry6yi

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!