Question

任何人都知道如何通过按钮加载csv？

就像2017年2016年2015年所以我将csv加载到图表中...... 之前我曾经拥有它，但是凭借高图我无法做到。

这是我使用的完整代码。

$.ajax({
  url: '/data/woonkamer/woonkamer2018.csv',
  success: function(csv) {
    $("#b").click(function() {
      $.get('/data/woonkamer/woonkamer2019.csv', function(data) {
        Highcharts.chart('container', {
          data: {
            csv: csv.replace(/\n\n/g, '\n')
          },
          title: {
            text: 'Daily Temperature And humidity'
          },
          subtitle: {
            text: 'Malosa'
          },
          xAxis: {
            type: "datetime",
            dateTimeLabelFormats: {
              millisecond: '%H:%M:%S.%L',
              second: '%H:%M:%S',
              minute: '%H:%M',
              hour: '%H:%M',
              day: '%e. %B',
              week: '%e. %b',
              month: '%b \'%y',
              year: '%Y'
            },
            tickInterval: 3600 * 1000
          },

          yAxis: [{ // left y axis
            title: {
              text: 'Temp + Humid',
            },
            labels: {
              align: 'temp',
              x: 3,
              y: 16,
              format: '',
            },
            showFirstLabel: false
          }, { // right y axis
            linkedTo: 0,
            gridLineWidth: 0,
            opposite: true,
            title: {
              text: "humid "
            },

            labels: {
              align: 'right',
              x: -3,
              y: 16,
              format: '{value:.,0f}'
            },
            showFirstLabel: false
          }],

          legend: {
            align: 'left',
            verticalAlign: 'top',
            borderWidth: 0
          },
          tooltip: {

          },
          plotOptions: {
            series: {
              cursor: 'pointer',
              point: {
                events: {
                  click: function(e) {
                    hs.htmlExpand(null, {
                      pageOrigin: {
                        x: e.pageX || e.clientX,
                        y: e.pageY || e.clientY
                      },
                      headingText: this.series.name,
                      maincontentText: Highcharts.dateFormat('%A-%e%b-%Y at %H:%M', this.x) + '<br/> ' +
                        '</b><br/>' + this.series.name + ': ' + this.y + this.series.tooltipOptions.valueSuffix + '',
                      width: 200
                    });
                  }
                }
              },
              marker: {
                lineWidth: 1
              }
            }
          },
          series: [{
              name: 'Temperature',
              data: [],
              tooltip: {
                valueSuffix: 'c'
              }
            },
            {
              name: 'Humidity',
              data: [],
              tooltip: {
                valueSuffix: ' %'
              }
            }
          ]
        });
      });
    });
  }
});

让我们希望有人可以帮助我。我搜索了整个论坛，我发现了一些但无法让它工作我现在更改了代码，但现在当我打开我的图表时，我需要先点击按钮，当我想打开新的csv ...那不是我想要的。我需要在哪里放置它？

问候

使用按钮将csv加载到图表中

0 个答案: