Ich habe zuvor die CSS-Schreibmethoden für Div-Zeilenumbrüche und Nicht-Zeilenumbrüche zusammengefasst. Aber für Tabellenzellen kennen wir nur ein Attribut, nowrap, das den Umbruch verhindern kann. Ich hatte dieses Bedürfnis vor kurzem, habe aber festgestellt, dass das Hinzufügen von nowrap in einigen Fällen immer noch zu Zeilenumbrüchen führt! Gibt es leider keine Möglichkeit, keine Zeilenumbrüche zu erzwingen? Ich habe eine Weile in Baidu gesucht, was mich sehr gefreut hat. Ich habe wirklich einen Weg gefunden und das Problem wurde gelöst.
Highcharts.chart('container', {
chart: {
type: 'variwide' // varwide 依赖 varwide.js
},
title: {
text: '机器状态图'
},
subtitle: {
text: '数据来源：<a href="http://ec.europa.eu/eurostat/web/' +
'labour-market/labour-costs/main-tables">eurostat</a>'
},
xAxis: {
categories: [
'2018-09-01',
'2018-09-02',
'2018-09-03',
'2018-09-01',
'2018-09-02',
'2018-09-03',
'2018-09-01',
'2018-09-02',
'2018-09-03',
'2018-09-01',
'2018-09-02',
'2018-09-03',
'2018-09-04'
],
crosshair: true
},
legend: {
enabled: true
},
series: [{
data: [
['正常', 1, 2122],
['调机', 1, 2311],
['待机', 1, 1111],
['正常', 1, 122],
['调机', 1, 2311],
['待机', 1, 1111],
['正常', 1, 122],
['调机', 1, 2311],
['待机', 1, 1111],
['正常', 1, 2122],
['调机', 1, 2311],
['待机', 1, 1111],
['修模',1, 3212]
],
colors:['#26B99A','#E74C3C','#FFFF37','#26B99A','#E74C3C','#FFFF37','#26B99A','#E74C3C','#FFFF37','#26B99A','#E74C3C','#FFFF37','#FFE4C4'],
colorByPoint: true,
}]
});
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="icon" href="https://static.jianshukeji.com/hcode/images/favicon.ico">
<style>
/* css 代码 */
</style>
<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/variwide.js"></script>
</head>
<body>
<p id="container"></p>
<script>
// JS 代码
</script>
</body>
</html>Verwandte Empfehlungen:
CSS erzwungener Zeilenumbruch CSS-Methode, um keinen Zeilenumbruch zu erzwingen_Erfahrungsaustausch
Das obige ist der detaillierte Inhalt vonHightcharts-Histogramm mit variabler Breite, nahtlose Zeitskala. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
