javascript - HighCharts 全 Angular 问题

标签 javascript jquery highcharts

我试图让我呈现的图表填充 100% 的父 div 但没有成功。有什么办法可以消除左右两边的缝隙吗?

http://jsfiddle.net/sKV9d/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'chart',
        margin: 0,
        width: 300,
        height: 200,
        defaultSeriesType: 'areaspline'
    },    

    series: [{
        data: [33,4,15,6,7,8, 73,2, 33,4,25],    

        marker: {
            enabled: false
        }
    }]
});

最佳答案

问题是因为 jquery UI。在呈现图表后调用此代码以重排图表。这解决了我的问题

chart.reflow();

关于javascript - HighCharts 全 Angular 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16330237/

相关文章:

HighCharts - 增加条形高度并减少条形间隙

javascript - HighChart 未正确绘制数据

javascript - 如何避免重新解析 XFBML 元素?

javascript - 如何在ThreeJs中在球体直径上画一条线?

javascript - 将 disqus 添加到 meteor.js 项目

javascript - 没有setTimeout的CSS连续旋转

javascript - 如何只允许用户在文本框中输入 [1-9]-[某些字符]?

javascript - 在 Iframe 页面中添加/更改 css

javascript - 添加用户名而无需硬编码,chatbuilder 应用程序

javascript - highcharts条形图: columns width is very thin