Question

我访问了 ZingChart的文档，并通过调用多个渲染函数来了解渲染多个图表的方法。

   I have a suggestion to put a div on your layout/view, with a condition  

  <div id="divPartial">
    @if (TempData["ErrorMsg"] != null)
            {
    <"p class="alert alert-warning" role="alert">"@TempData["ErrorMsg"]</p>
    } 
    </div>

    Then On your controller:

       [HttpPost]
      public ActionResult Edit(UploadData uploadData)
      {
          if (!ModelState.IsValid)
          {

              return View(uploadData);
          }

    else  {
                TempData["ErrorMsg"] = "";

                      foreach (var items in ModelState.Values)
                      {
                          foreach (var er in items.Errors)
                          {
                                
                           TempData["ErrorMsg"] = er.ErrorMessage.ToString() " " + TempData["ErrorMsg"].ToString();
                            }
                            
                        }

                        return View(uploadData);
                    }
    }

但是在我的代码中，我希望编写更少的代码，这对我来说更有用，因为它也是由我的老板指导。

所以我的问题是我可以通过调用一个渲染函数来渲染多个图表吗？有点像：

  zingchart.render({
    id:'chartDiv1',
    data:myChart1,
    height:300,
    width:500
  });
  zingchart.render({
    id:'chartDiv2',
    data:myChart2,
    height:300,
    width:500       
  });
  zingchart.render({
    id:'chartDiv3',
    data:myChart3,
    height:300,
    width:500
  });
  zingchart.render({
    id:'dashboardDiv',
    data:myDashboard,
    height:500,
    width:700
  });

提前致谢。

Answer 1

完全披露，我是ZingChart团队的成员。

我们目前不支持上面的示例代码，但有几种方法可以使用javascript执行此操作。

org.apache.spark.sql.Cube()

如果你想保留数组内容，你也可以循环播放。

function renderZingCharts(_id,_data) {
  zingchart.render({
    id: _id,
    data: _data,
    height:300,
    width:500
  });
}

renderZingCharts('chartDiv1', myChart1);
renderZingCharts('chartDiv2', myChart2);
renderZingCharts('chartDiv3', myChart3);
renderZingCharts('chartDiv4', myChart4);

我可以在ZingChart中通过单个renderfunction调用渲染多个图表吗？

1 个答案: