Question

这是我的图表flot选项

var chartOptions = {
               xaxis: {
                   min: 0,
                   max: result.length + 1,
                   ticks: ticks
               },
               grid: {
                   hoverable: true,
                   clickable: false,
                   borderWidth: 0
               },
               bars: {
                   show: true,
                   barWidth: 1,
                   //barWidth:null,
                   fill: true,
                   lineWidth: 1,
                   order: true,
                   lineWidth: 0,
                   fillColor: { colors: [{ opacity: 1 }, { opacity: 1 }] }
               },

               tooltip: true,
               tooltipOpts: {
                   content: '%s: %y'
               },
               colors: App.chartColors
           };
           var holder = $('#vertical-chart');

           if (holder.length) {
               $.plot(holder, data, chartOptions);
           }

我有例外：

invalid dimention for flot hieght =0

html没有问题，因为我可以使用相同的html

请帮助

更新

这是HTML

<div style="width: 45%; height:300px; float: left; margin-left:5%">                      
    <div id="vertical-chart" class="chart-holder" style="border:1px solid #D5D5D5; margin-top:2px">
        <canvas class="overlay" width="479" height="265"></canvas>
    </div>
</div>

Answer 1

这可能会解决您的问题：将画布类从overlay更改为flot-overlay。

由于此处的请求，类名已更改：

<强> https://code.google.com/p/flot/issues/detail?id=540

您将在此处看到第二段中描述的API更改：

<强> https://code.google.com/p/flot/source/browse/trunk/NEWS.txt

如果没有此更改，则会在plot调用期间删除画布，使vertical-chart保持不变高度。

如果这不能解决您的问题，那么查看您的data对象会很有用。

浮点异常浮点高度= 0的无效维度

更新

1 个答案: