Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript修改剑道图的属性?_Javascript_Asp.net_Charts_Kendo Ui - Fatal编程技术网

如何使用javascript修改剑道图的属性?

如何使用javascript修改剑道图的属性?,javascript,asp.net,charts,kendo-ui,Javascript,Asp.net,Charts,Kendo Ui,我有一个asp.net应用程序,我在其中使用剑道UI图表。我在我的aspx页面上有近10个子弹图。如果我想更改所有项目符号图表的宽度,我必须逐个手动进行更改。我想要一个javascript函数,它有一些与剑道子弹图相关的参数,我可以在那里修改这些参数,并用修改后的参数重新绘制图表 让我知道我如何才能做到这一点。任何想法都会有帮助 谢谢 你可以试试这个 HTML- <div class="chart-wrapper"> <div id="chart" style="widt

我有一个asp.net应用程序,我在其中使用剑道UI图表。我在我的aspx页面上有近10个子弹图。如果我想更改所有项目符号图表的宽度,我必须逐个手动进行更改。我想要一个javascript函数,它有一些与剑道子弹图相关的参数,我可以在那里修改这些参数,并用修改后的参数重新绘制图表

让我知道我如何才能做到这一点。任何想法都会有帮助

谢谢

你可以试试这个

HTML-

<div class="chart-wrapper">
   <div id="chart" style="width:100%"></div>
</div>

<script type="text/javascript">
       $(window).on("resize", function() {
          $(".chart-wrapper").attr("width","100"); // replace 100 with required width here
          kendo.resize($(".chart-wrapper"));
        });
</script>

$(窗口).on(“调整大小”,函数(){
$(“.chart wrapper”).attr(“width”,“100”);//在此处用所需的宽度替换100
调整大小($(“.chart wrapper”);
});
源代码-
http://docs.telerik.com/kendo-ui/using-kendo-in-responsive-web-pages

链接到响应CSS-
http://demos.telerik.com/kendo-ui/bullet-charts/index