我試圖弄清楚如何僅使用 HTML 更改 wordpress 中 google 可視化表中所有文本的顏色。
我在 stackoverflow 上找到了多個答案，但沒有提到只使用 HTML。
提前致謝！
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['table']});
google.charts.setOnLoadCallback(drawTable);
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Salary');
data.addColumn('boolean', 'Full Time Employee');
data.addRows([
['Mike', {v: 10000, f: '$10,000'}, true],
['Jim', {v:8000, f: '$8,000'}, false],
['Alice', {v: 12500, f: '$12,500'}, true],
['Bob', {v: 7000, f: '$7,000'}, true]
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
}
</script>
</head>
<body>
<div id="table_div"></div>
</body>
</html>
該示例取自https://developers.google.com/chart/interactive/docs/gallery/table 代碼獲得許可：https : //www.apache.org/licenses/LICENSE-2.0
編輯：cooldogyum 的回答有效！我將樣式代碼粘貼到“HTML 代碼”塊中的錯誤位置。
<style>
#table_div {
color: red;
}
</style>
這是最終作業代碼的樣子。謝謝兩位的幫助！
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['table']});
google.charts.setOnLoadCallback(drawTable);
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Salary');
data.addColumn('boolean', 'Full Time Employee');
data.addRows([
['Mike', {v: 10000, f: '$10,000'}, true],
['Jim', {v:8000, f: '$8,000'}, false],
['Alice', {v: 12500, f: '$12,500'}, true],
['Bob', {v: 7000, f: '$7,000'}, true]
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
}
</script>
<style>
#table_div {
color: red;
}
</style>
</head>
<body>
<div id="table_div" style="“color:" red;”=""></div>
</body>
</html>
uj5u.com熱心網友回復：
HTML（超文本標記語言）不能（單獨）用于修改頁面的外觀。HTML 純粹用于定義 Web 內容的含義和結構。我相信您的意思是參考用于影響 Web 內容外觀的 CSS（層疊樣式表）。如果你想改變文本的顏色，你可以使用 CSS color 屬性。
<style>
#table_div {
color: red;
}
</style>
排隊：
<div id="table_div" style="color: red;"></div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/375137.html
標籤：html WordPress的 谷歌可视化