在点网高图中设置图表的大小

本文关键字:设置 高图中 | 更新日期: 2023-09-27 18:36:18

我的网页中有一个HighChart(在MVC4应用程序中)。它占用了页面的100%宽度。

我想知道如何设置图表的比例或大小?关于 http://api.highcharts.com/highcharts#Chart.setSize%28%29 的文件说:

"设置大小"一种方法可用。我尝试过,但无法在我的 MVC Web 应用程序中访问此方法。

你能帮助和指导我吗?

我非常感谢您的时间,指导和帮助。

谢谢

在点网高图中设置图表的大小

你这样做

的方式是错误的。使用控制器中图表的 Init 方法设置图表的高度:

myChart.InitChart(new Chart {Width = 300, Height = 500});

我不确定我是否完全理解这个问题。 但是如果你想在图表上设置宽度和高度,你可以设置包含它的div的宽度和高度,它将填充该容器的100%。

你应该能够做这样的事情。

<div id="container" style="width: 300px; height: 300px;"></div>
<script type="text/javascript">
    $(function() {
        $('#container').highcharts({ .... config options here ... });
    });
</script>