Place multiple google chart? with different style

my first is bar style

google.charts.load("current", {"packages":["bar"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {

$.getJSON("/data.json?type=view&m=" + m, function(json) {
var data = new google.visualization.DataTable(json);
data.addColumn("string", "");
data.addColumn("number", "");
data.addRows(json);

// Set chart options
var options = {
chart: {
title: "",
subtitle: "",
},
bars: "vertical",
vAxis: {format: "decimal"},
width: 900,
height: 400,
colors: ["-sharpE7736D"]
};


// Instantiate and draw our chart, passing in some options.
var chart = new google.charts.Bar(document.getElementById("chart_div"));
chart.draw(data, google.charts.Bar.convertOptions(options));

});
}

this is my first chart
but I want to put a second chart on the same page, and style is not bar,. How can I do that?
here is a Google example: https://developers.google.com.

google.charts.load("current", {"packages":["line"]});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = new google.visualization.DataTable();
data.addColumn("number", "Day");
data.addColumn("number", "Guardians of the Galaxy");
data.addColumn("number", "The Avengers");
data.addColumn("number", "Transformers: Age of Extinction");

data.addRows([
[1, 37.8, 80.8, 41.8],
[2, 30.9, 69.5, 32.4],
[3, 25.4, 57, 25.7],
[4, 11.7, 18.8, 10.5],
[5, 11.9, 17.6, 10.4],
[6, 8.8, 13.6, 7.7],
[7, 7.6, 12.3, 9.6],
[8, 12.3, 29.2, 10.6],
[9, 16.9, 42.9, 14.8],
[10, 12.8, 30.9, 11.6],
[11, 5.3, 7.9, 4.7],
[12, 6.6, 8.4, 5.2],
[13, 4.8, 6.3, 3.6],
[14, 4.2, 6.2, 3.4]
]);

var options = {
chart: {
title: "Box Office Earnings in First Two Weeks of Opening",
subtitle: "in millions of dollars (USD)"
},
width: 900,
height: 500,
axes: {
x: {
0: {side: "top"}
}
}
};

var chart = new google.charts.Line(document.getElementById("line_top_x"));

chart.draw(data, google.charts.Line.convertOptions(options));
}

I can"t change my name on packages + line.
I have found a similar way on the Internet
http://crossdunk.github.io/go.
, but it feels so old that it doesn"t seem to work.


I created another table
https://apexcharts.com/

.
Menu