文章/答案/技术大牛

发布

社区首页 >问答首页 >角9顶点图

问角9顶点图
EN

Stack Overflow用户

提问于 2020-07-02 08:11:29

回答 1查看 1.3K关注 0票数 1

我有一些问题，使用尖峰图表的角度9，基本上我能够看到图表(线图)时，我模拟数据在第一个屏幕截图，但我不能从REST获得数据，我的意思是图表消失。模拟数据

这是包含图表的方法：

      drawGraph(){
    this.projectService.getLineChartData(this.getID()).then((data) =>{
      
      for(let i = 0; i<data.resourceListSize; i++){
    
      this.chartOptions = {
        series: [
          {
            name: "data",
            data: [28, 29, 33, 36, 32, 32, 33]
          },
          {
            name: "Low - 2013",
            data: [12, 11, 14, 18, 17, 13, 13]
          }
        ],
        chart: {
          height: 350,
          type: "line",
          dropShadow: {
            enabled: true,
            color: "#000",
            top: 18,
            left: 7,
            blur: 10,
            opacity: 0.2
          },
          toolbar: {
            show: false
          }
        },
        colors: ["#77B6EA", "#545454"],
        dataLabels: {
          enabled: true
        },
        stroke: {
          curve: "smooth"
        },
        title: {
          text: "Average High & Low Temperature",
          align: "left"
        },
        grid: {
          borderColor: "#e7e7e7",
          row: {
            colors: ["#f3f3f3", "transparent"], // takes an array which will be repeated on columns
            opacity: 0.5
          }
        },
        markers: {
          size: 1
        },
        xaxis: {
          categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
          title: {
            text: "Month"
          }
        },
        yaxis: {
          title: {
            text: "Temperature"
          },
          min: 5,
          max: 40
        },
        legend: {
          position: "top",
          horizontalAlign: "right",
          floating: true,
          offsetY: -25,
          offsetX: -5
        }
      };
    }
  })
  }

任何帮助都将不胜感激！谢谢

html

angular

typescript

apexcharts

回答 1

Stack Overflow用户

发布于 2020-09-10 07:29:20

步骤1，使用如下所示的输出数据设置配置(最小配置)

this.chartOptions = {
 series: [],
 chart: {
     height: 350,
     type: "line"
 },

 xaxis: {}

}

步骤2: api响应中的数据并设置为“图表”变量，

  this.chartOptions.series=[{
         name: "data",
         data: [28, 29, 33, 36, 32, 32, 33]
     }, {
         name: "Low - 2013",
         data: [12, 11, 14, 18, 17, 13, 13]
     }
 ];
 
 this.chartOptions.xaxis=
 {
     categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"]
 }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62691868

复制

相似问题

问角9顶点图
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角9顶点图EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角9顶点图
EN