Question

我有一个简单的折线图，使用Forio Contour和两个系列。当我打开图例时，它会在图表区域中显示为具有正确信息的框，但框会旋转约-80度 - 完全向左倾斜。我使用带有示例csv数据的Contour数据连接器执行下面的一些步骤，因为我的实际数据将以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'

        }

Answer 1

原来我的项目中已经定义的样式被应用于Contour图例，可能是因为重复的类名。当我重新命名我的课程时，问题就消失了。

为什么Forio Contour图表的图例会被旋转？

1 个答案: