使用highcharts创建带有csv文件的热图时出错
我正在使用Highcharts创建基于csv文件的热图。不知怎的，它不起作用。它返回一个空白图表。我在下面描述了csv文件和htm编码。感谢您的帮助，让它工作 csv文件如下所示：使用highcharts创建带有csv文件的热图时出错,csv,highcharts,heatmap,Csv,Highcharts,Heatmap,我正在使用Highcharts创建基于csv文件的热图。不知怎的，它不起作用。它返回一个空白图表。我在下面描述了csv文件和htm编码。感谢您的帮助，让它工作 csv文件如下所示： Tranche 1y 2y 3y CDX24 100 200 300 CDX25 200 100 50 用于生成热图的htm编码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
Tranche 1y 2y 3y
CDX24 100 200 300
CDX25 200 100 50
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CVA Credit Exposure</title>
<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/data.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/heatmap.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">
var chart;
$(document).ready(function() {
$.get('CS01terms.csv', function(csv) {
$('#CS01').highcharts({
chart: {
type: 'heatmap',
marginTop: 40,
marginBottom: 80,
plotBorderWidth: 1
},
data: {
csv: csv
},
title: {
text: 'CS01 exposure',
align: 'left'
},
colorAxis: {
min: 0,
minColor: '#FFFFFF',
maxColor: Highcharts.getOptions().colors[0]
},
legend: {
align: 'right',
layout: 'vertical',
margin: 0,
verticalAlign: 'top',
y: 25,
symbolHeight: 280
},
tooltip: {
formatter: function () {
return '<b>' + this.series.xAxis.categories[this.point.x] + '</b> sold <br><b>' +
this.point.value + '</b> items on <br><b>' + this.series.yAxis.categories[this.point.y] + '</b>';
}
}
});
});
});
</script>
</head>
<body>
<!-- 3. Add the container -->
<Table width="100%" cellspacing=0 cellpadding=0 border=0>
<tr>
<td> <div id="CS01" style="width: 600px; height: 400px; margin: 0 auto"></div> </td>
</tr>
</table>
</body>
</html>
信用风险敞口
var图；
$（文档）.ready（函数（）{
$.get（'CS01terms.csv'，函数（csv）{
$（'#CS01'）。高图({
图表：{
类型：'热图'，
玛金托普：40，
marginBottom:80，
绘图边框宽度：1
},
数据：{
csv:csv
},
标题：{
文本：“CS01曝光”，
对齐：“左”
},
颜色轴：{
分:0,，
minColor:“#FFFFFF”，
maxColor:Highcharts.getOptions（）.Color[0]
},
图例：{
对齐：“右”，
布局：“垂直”，
保证金：0，
垂直排列：“顶部”，
y:25，
符号高度：280
},
工具提示：{
格式化程序：函数（）{
返回''+this.series.xAxis.categories[this.point.x]+'已售出
'+
this.point.value+'this.series.yAxis.categories[this.point.y]+''上的项目；
}
}
});
});
});