angularjs - 在屏蔽 ui 图表的 x 轴上显示日期时间
问题描述
我正在尝试显示带有日期时间 x 轴的图表,我为日期时间字段尝试了不同的格式,但它们都不起作用(不显示图表),除非我仅发送年份,例如:2019。下面是我正在使用的代码。我很感激这方面的任何帮助。问候纳德
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<link rel="stylesheet" type="text/css" href="//www.shieldui.com/shared/components/latest/chart/css/shield-chart.min.css" />
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/chart/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/chart/js/shield-chart.all.min.js"></script>
</head>
<body>
<div id="chart"></div>
</body>
</html>
//Fill datasource
var industryPrices = [
{ x: '2009-11-09 00:00:00.000', y: 0.103 },
{ x: '2009-11-09 00:00:00.000', y: 0.105 },
{ x: '2009-11-09 00:00:00.000', y: 0.112 },
{ x: '2009-11-09 00:00:00.000', y: 0.111 }
];
//Initialize the shield chart
$("#chart").shieldChart({
theme: "light",
exportOptions: {
image: false,
print: false
},
primaryHeader: {
text: "Results chart"
},
chartLegend: {
align: 'right',
verticalAlign: 'top',
renderDirection: 'vertical'
},
seriesSettings: {
line: {
enablePointSelection: true,
pointMark: {
activeSettings: {
pointSelectedState: {
drawWidth: 4,
drawRadius: 4
}
}
}
}
},
axisX: {
axisType: 'datetime',
},
axisY: {
title: {
text: "Results"
}
},
//Set data source for chart
dataSeries: [{
seriesType: 'line',
collectionAlias: "Results",
data: industryPrices
}]
});
解决方案
推荐阅读
- linux - 使用 MSADM 设置 RAID1 - lsblk 中第二个 hd 的意外类型
- azure-data-lake - 使用 adf 中的复制活动将带有时间戳的文件存档在 adf 中
- r - 方差分析后的多重比较 - 重新排序因子水平事后测试
- wso2 - WSO2 EI 处理器
- javascript - 如何检查 iframe 中的内容是否以 Angular 7 加载?
- android - 如何在改造中上传带有进度百分比的base64 json正文
- build - Bitbucket 管道不会在功能分支上触发
- arrays - 导入二维数组会给出一个选项 base 1 而不是 0
- javascript - 如何使用 indesign 脚本从 textFrame 段落中找出 XML 的父元素
- sql - ORACLE PL SQL 中的三行前导函数