Many widget types including cells and cards and list items can be configured with actions that link to other OH pages. So the simplest ting to do is to create each chart page and then add a cell (or which ever you prefer) to your layout page and configure the cell to have an navigate action.
If you want the chart to be on the layout page itself then you are going to have to do just a little work with the the code tab on a page or the widget editor, but not much. You can still create the a chart using all the wizards on the chart page. Then, when you have it looking the way you want copy all the yaml text from that page’s code tab. That yaml starts with config: and that is all the configuration for an oh-chart component. So for example, ig you wanted that shart to show up on a card, you could just go to the widget editor and change the default widget text to be:
uid: myChartCard <-- always change the random uid
props:
parameterGroups: []
parameters:
- name: prop1
label: Prop 1
type: TEXT
description: A text prop
- name: item
label: Item
type: TEXT
context: item
description: An item to control
tags: []
component: f7-card
config:
title: Chart card
slots:
default:
- component: oh-chart
config: <--start of pasted text
...rest of the config follows here
If you save that widget then go to a layout page editor you can add that widget any place in a loayout you could already put a card.