java - 将参数从java传递到html以创建google图表

标签 java html spring hashmap

我想将四个查询值放入 Google 图表value1 到 value4。问题是将值从 java 传递到 html。下面我发布了相关代码。

那些

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
  google.charts.load("current", {packages:["corechart"]});
  google.charts.setOnLoadCallback(drawChart);
  function drawChart() {


    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['value1', **3**],
      ['value2', **2**],
      ['value3', **2**],
      ['value4', **2**]
    ]);

    var options = {
      title: 'My Daily Activities',
      pieHole: 0.4,
    };

    var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
    chart.draw(data, options);
  }
</script>

这是java类。

    public ResponseEntity<Map<String,Object>> status() {
    Map<String,Object> map = new HashMap<String,Object>();

    long countByXmlSuccessResult = statusRepository.countByXmlSuccessResult();
    long countByXmlErrorResult = statusRepository.countByXmlErrorResult();
    long countByJsonSuccessResult = statusRepository.countByJsonSuccessResult();
    long countByJsonErrorResult = statusRepository.countByJsonErrorResult();

    map.put("xml success:", **countByXmlSuccessResult**);
    map.put("xml error:", **countByXmlErrorResult**);
    map.put("json success:", **countByJsonSuccessResult**);
    map.put("json error:", **countByJsonErrorResult**);


    return new ResponseEntity<Map<String,Object>>(map, HttpStatus.OK);
}

另外,html文件路径位于src/main/java文件夹下,java文件路径位于src/main/resources文件夹下。

最佳答案

您可以将该 Java 功能公开为服务,然后使用 jquery 对该服务进行 ajax 调用,最后获取结果并在您的 google 图表代码中使用它。 前任: Spring 启动:

@RestController
public class myHomeController{
   ...
   @RequestMapping("/getValues")
   public someDomainClass getMyValues(){
      ...
      //someDomainClass is just a reg. pojo to store your values.
      someDominClass class1 = new someDomainClass(value1, value2, value3
       , value4);
      return class1;
   }
}

您的 HTML 文件:

 ...
<script>
   $.ajax({
      url: "/getValues",
      type: "GET",
      success: function(result){
          //result is a json object containing your values 1..4.
      },
      failure: functtion(err){...}
   });
</script>

祝你好运:)

关于java - 将参数从java传递到html以创建google图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49458345/

相关文章:

java - Intellij使用GUI表单问题

java - 使用 Eclipse Windows 10 访问 PostgreSQL 时出错

java - spring new operator 有什么作用

java - 当发布者线程数远高于消费者数时,Spring Reactor 会受益

java - 在根项目中找不到项目 'sonarqube-Dsonar.host.url=http'

java - 使用接口(interface)和反射 API 在运行时创建实例是 coSTLy 选项

javascript - 隐藏 <section> 末尾的 div

html - 更改表格 tr 边框颜色

html - 我怎样才能将我的导航垂直居中到 Logo ?

spring - 更改 Spring Data findAll() 方法的默认排序顺序