jqPlot轴标签旋转

ゝ一世哀愁。 2023-10-18 20:40 34阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdheTI_size_16_color_FFFFFF_t_70][]"-  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=utf-8">  
<title></title>  
<script type="text/javascript" src="jquery.js" ></script>  
  
<script type="text/javascript" src="excanvas.js" ></script>

<script type="text/javascript" src="jquery.jqplot.js" ></script>  
<script type="text/javascript" src="jqplot.cursor.js" ></script>  
<script type="text/javascript" src="jqplot.dateAxisRenderer.js" ></script>  
<script type="text/javascript" src="jqplot.highlighter.js" ></script>  
<script type="text/javascript" src="jqplot.dateAxisRenderer.js"></script>  
<script type="text/javascript" src="jqplot.canvasTextRenderer.js"></script>  
<script type="text/javascript" src="jqplot.canvasAxisTickRenderer.js"></script>  
<script type="text/javascript" src="jqplot.categoryAxisRenderer.js"></script>  
<script type="text/javascript" src="jqplot.barRenderer.js"></script>  
<script type="text/javascript">  
$(document).ready(function()\{  
var line1 = \[  
\['2019-06-27 00:00:01',231\],\['2019-06-27 00:10:01',230\],\['2019-06-27 00:20:01',230\],\['2019-06-27 00:30:01',230\],\['2019-06-27 00:40:01',230\],\['2019-06-27 00:50:01',230\],\['2019-06-27 01:00:02',231\],\['2019-06-27 01:10:01',231\],\['2019-06-27 01:20:01',231\],\['2019-06-27 01:30:01',230\],\['2019-06-27 01:40:01',230\],\['2019-06-27 01:50:01',229\],\['2019-06-27 02:00:02',231\],\['2019-06-27 02:10:01',230\],\['2019-06-27 02:20:01',230\],\['2019-06-27 02:30:01',230\],\['2019-06-27 02:40:01',231\],\['2019-06-27 02:50:01',231\],\['2019-06-27 03:00:01',230\],\['2019-06-27 03:10:01',232\],\['2019-06-27 03:20:01',232\],\['2019-06-27 03:30:01',230\],\['2019-06-27 03:40:01',232\],\['2019-06-27 03:50:01',231\],\['2019-06-27 04:00:01',230\],\['2019-06-27 04:10:01',230\],\['2019-06-27 04:20:01',230\],\['2019-06-27 04:30:01',231\],\['2019-06-27 04:40:02',232\],\['2019-06-27 04:50:02',231\],\['2019-06-27 05:00:01',230\],\['2019-06-27 05:10:02',230\],\['2019-06-27 05:20:01',232\],\['2019-06-27 05:30:01',229\],\['2019-06-27 05:40:01',231\],\['2019-06-27 05:50:01',232\],\['2019-06-27 06:00:01',230\],\['2019-06-27 06:10:01',229\],\['2019-06-27 06:20:01',230\],\['2019-06-27 06:30:01',230\],\['2019-06-27 06:40:01',231\],\['2019-06-27 06:50:01',230\],\['2019-06-27 07:00:01',230\],\['2019-06-27 07:10:01',231\],\['2019-06-27 07:20:01',231\],\['2019-06-27 07:30:01',230\],\['2019-06-27 07:40:01',231\],\['2019-06-27 07:50:01',231\],\['2019-06-27 08:00:01',231\],\['2019-06-27 08:10:01',230\],\['2019-06-27 08:20:01',229\],\['2019-06-27 08:30:01',232\],\['2019-06-27 08:40:01',230\],\['2019-06-27 08:50:01',229\],\['2019-06-27 09:00:01',231\],\['2019-06-27 09:10:01',231\],\['2019-06-27 09:20:01',232\],\['2019-06-27 09:30:02',232\],\['2019-06-27 09:40:01',231\],\['2019-06-27 09:50:01',230\],\['2019-06-27 10:00:01',230\],\['2019-06-27 10:10:01',232\],\['2019-06-27 10:20:01',230\],\['2019-06-27 10:30:01',231\],\['2019-06-27 10:40:01',231\],\['2019-06-27 10:50:01',233\],\['2019-06-27 11:00:01',231\],\['2019-06-27 11:10:01',230\],\['2019-06-27 11:20:01',231\],\['2019-06-27 11:30:01',231\],\['2019-06-27 11:40:01',230\],\['2019-06-27 11:50:01',231\],\['2019-06-27 12:00:01',231\],\['2019-06-27 12:10:01',231\],\['2019-06-27 12:20:01',231\],\['2019-06-27 12:30:01',230\],\['2019-06-27 12:40:01',231\],\['2019-06-27 12:50:01',232\],\['2019-06-27 13:00:01',232\],\['2019-06-27 13:10:02',232\],\['2019-06-27 13:20:02',229\],\['2019-06-27 13:30:01',232\],\['2019-06-27 13:40:01',230\],\['2019-06-27 13:50:01',231\],\['2019-06-27 14:00:01',231\],\['2019-06-27 14:10:02',230\],\['2019-06-27 14:20:01',231\],\['2019-06-27 14:30:01',229\],\['2019-06-27 14:40:01',230\],\['2019-06-27 14:50:01',231\],\['2019-06-27 15:00:01',231\],\['2019-06-27 15:10:01',231\],\['2019-06-27 15:20:01',230\],\['2019-06-27 15:30:01',229\],\['2019-06-27 15:40:01',231\],\['2019-06-27 15:50:01',231\],\['2019-06-27 16:00:01',230\],\['2019-06-27 16:10:01',232\],\['2019-06-27 16:20:01',229\],\['2019-06-27 16:30:02',230\],\['2019-06-27 16:40:01',231\],\['2019-06-27 16:50:01',231\],\['2019-06-27 17:00:01',231\],\['2019-06-27 17:10:01',230\],\['2019-06-27 17:20:01',231\],\['2019-06-27 17:30:02',231\],\['2019-06-27 17:40:01',230\],\['2019-06-27 17:50:01',231\],\['2019-06-27 18:00:01',230\],\['2019-06-27 18:10:02',229\],\['2019-06-27 18:20:01',230\],\['2019-06-27 18:30:02',231\],\['2019-06-27 18:40:01',230\],\['2019-06-27 18:50:01',231\],\['2019-06-27 19:00:01',230\],\['2019-06-27 19:10:01',232\],\['2019-06-27 19:20:01',231\],\['2019-06-27 19:30:01',232\],\['2019-06-27 19:40:01',230\],\['2019-06-27 19:50:01',231\],\['2019-06-27 20:00:01',231\],\['2019-06-27 20:10:01',232\],\['2019-06-27 20:20:02',231\],\['2019-06-27 20:30:01',231\],\['2019-06-27 20:40:01',232\],\['2019-06-27 20:50:01',232\],\['2019-06-27 21:00:01',231\],\['2019-06-27 21:10:01',230\],\['2019-06-27 21:20:01',231\],\['2019-06-27 21:30:01',232\],\['2019-06-27 21:40:01',230\],\['2019-06-27 21:50:01',230\],\['2019-06-27 22:00:01',231\],\['2019-06-27 22:10:01',232\],\['2019-06-27 22:20:02',232\],\['2019-06-27 22:30:01',231\],\['2019-06-27 22:40:01',230\],\['2019-06-27 22:50:01',230\],\['2019-06-27 23:00:01',231\],\['2019-06-27 23:10:02',231\],\['2019-06-27 23:20:01',231\],\['2019-06-27 23:30:01',231\],\['2019-06-27 23:40:01',232\],\['2019-06-27 23:50:01',231\]  
\]  
;  
  
var plot1 = $.jqplot('chart1', \[line1\], \{  
title: '进程数',  
axesDefaults: \{  
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,  
tickOptions: \{  
angle: -80,  
fontSize: '8pt'  
\}  
\},  
axes: \{  
xaxis:\{  
  
renderer:$.jqplot.DateAxisRenderer,  
tickOptions:\{  
formatString:'%Y-%m-%d %H:%M:%S'  
\}  
\},  
yaxis:\{  
tickOptions:\{  
\}  
\}  
\},  
highlighter: \{  
show: true,  
sizeAdjust: 7.5  
\},  
cursor: \{  
show: true  
\}  
  
\});  
\});  
</script>  
</head>  
<body>

<div id="chart1" style="height:300px; width:800px;"></div>  
</body>  
</html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdheTI_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190628130326279.JPG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdheTI=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，34人围观）

还没有评论，来说两句吧...

相关阅读

相关使用R语言创建轴标签

使用R语言创建轴标签在数据可视化中，轴标签是一种重要的元素，它们用于标识和解释图表中的轴线。R语言提供了强大的工具和函数，可以帮助我们创建具有清晰轴标签的图表。本文将介绍如

喜欢ヅ旅行/ 2024年03月24日 18:40/ 0 赞/ 88 阅读

相关指定 Seaborn 绘图中 X 轴和 Y 轴标签的大小

指定 Seaborn 绘图中 X 轴和 Y 轴标签的大小在 Seaborn 图中，调整轴标签的大小可以帮助用户更好地展示数据和结果。本文将介绍如何使用 Python 中的

我会带着你远行/ 2024年03月17日 12:57/ 0 赞/ 103 阅读

相关【JAVA】OPENGL绕XYZ轴旋转立体图效果

[JAVA-OPENGL绕XYZ轴旋转立体图效果\_哔哩哔哩\_bilibiliJAVA-OPENGL绕XYZ轴旋转立体图效果开始显示的是绕X轴、Y轴、Z轴旋转，后边是同时绕两

小鱼儿/ 2024年02月05日 20:06/ 0 赞/ 6 阅读

相关 jqPlot轴标签旋转

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsbHdh

ゝ一世哀愁。/ 2023年10月18日 20:40/ 0 赞/ 35 阅读

相关 jQuery插件jqPlot介绍

javascript图表库jqPlot介绍 jqPlot是一个jQuery插件，用于在您的网页中生成纯客户端javascript图表。 jqPlot主页位于http://

迷南。/ 2023年10月18日 20:38/ 0 赞/ 80 阅读

相关 R语言：实现时间标签旋转

R语言：实现时间标签旋转在R语言中，我们经常处理包含日期和时间信息的数据。有时候，我们需要将时间标签进行旋转，以便更好地可视化和分析数据。本文将向您展示如何使用R语言对时间

短命女/ 2023年10月14日 18:07/ 0 赞/ 80 阅读

相关 Unity中绕任意轴任意角度旋转向量

游戏中有一需求，就是一个矩形或者Cube绕着某一点旋转任意角度，现在给出下面算法。 public static Vector3 RotateRound(Vector3

Bertha 。/ 2022年09月29日 15:57/ 0 赞/ 238 阅读

相关 css3旋转(绕Y轴)

1.div(id=myDiv)旋转 \myDiv:hover\{ cursor: pointer; -webkit-transform: rotate3d

男娘i/ 2022年09月26日 02:29/ 0 赞/ 323 阅读

相关 flex chart 坐标标签角度旋转

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2

秒速五厘米/ 2022年08月06日 15:07/ 0 赞/ 258 阅读

相关 D3.js插入 X轴文本标签、Y轴文本标签、标题文字、图例文字

D3.js插入 X轴文本标签、Y轴文本标签、标题文字、图例文字 ![2391b0e08c7891704b529aaee4eb5b41.png][] D3的文本标签，

以你之姓@/ 2021年07月24日 14:44/ 0 赞/ 674 阅读