我有一个简单的线条图使用Forio等高线与两个系列。当我打开图例时,它在图表区域显示为一个有正确信息的框,但是这个盒子是旋转大约-80度-完全向左倾斜。我使用带有示例csv数据的等高线数据连接器完成了下面的一些步骤,因为我的实际数据将以csv格式导入。我不确定这是否与问题有关。对为什么这个传说如此偏斜有什么想法吗?谢谢你,嘉莉
<body>
<div style="text-align:left;">
<div id="companySalesGraph" class="companySalesGraph" style="width:700;height:300px;"></div>
</div>
</body>
<script>
var csvData1 = 'quarter,cost,revenue,profit\n2013Q1,100,150,50\n2013Q2,110,150,40\n2013Q3,90,180,90\n2013Q4,105,190,85';
var csv = new Contour.connectors.Csv(csvData1);
var data = csv.dimension('quarter').measure('revenue');
var data2 = csv.dimension('quarter').measure('profit');
var data3 = data.concat(data2);
var chart = new Contour({
el: '.companySalesGraph',
xAxis: { title: 'Quarter' },
yAxis: { title: '$K' }
})
.cartesian()
.line(data3)
.legend(data3)
.tooltip()
.render();
</script>PS,我尝试使用这些自定义设置,这确实重新定位了图例,但它仍然是旋转的。
legend: {
vAlign: 'top',
hAlign: 'left'
}发布于 2014-10-27 17:14:26
原来,以前在我的项目中定义的样式被应用到轮廓图例中,大概是因为类名重复。当我重新命名我的班级时,问题就解决了。
https://stackoverflow.com/questions/26535024
复制相似问题