Question

我试图根据SqlDataReader的值将高图表框图应用于每个gridview行。我通过解析measureID（这是一个唯一的ID，不是从1开始）从SQL检索数据，我以20、32、35、38、45的格式检索图表数据，并将其转换为JSON以进行解析作为高图中的数据。我正在尝试根据measureID解析每一行的数据

我得到的当前错误是：其他信息：指定的强制转换对于以下行无效：var CurrentID =（int）DataBinder.Eval（oItem，“ MeasureID”）;

我正在尝试创建一个具有唯一ID的div，以便它可以将数据放入每一行中，但似乎不起作用

ASPX

<ng-container *ngFor="let word of words; let i = index">
   <div [className]="'widget-user-header' + bgRandom[i]">
      Hi all
   </div>
</ng-container>

JS：

   <asp:TemplateField HeaderText="header" >
<ItemTemplate >
 <%#getDivContainer(Container.DataItem)%>
</ItemTemplate>

}

C＃方法

function CreateBoxPlot() {

var hv = $('#hiddenvariable').val();
console.log(hv);
var hvmeasure = $('#hiddenvariablemeasuredesc').val();
console.log(hvmeasure);

var chart;
var titleText = hvmeasure;
var subTitleText = 'Test Chart Subtitle';
var type = 'boxplot';

$(function () {
    $('.graph').highcharts({
        chart: { type: type, inverted: true},
        title: { text: hvmeasure },
        subtitle: { text: subTitleText },
        renderTo: $container[0],
        legend: { enabled: false },
        tooltip: {
            shared: true,
            crosshairs: true
        },
        plotOptions: {
            series: {
                pointWidth: 50
            }
        },

        xAxis: {
            visible: false

        },
        yAxis: {

            visible: true,
            title: {
                text: 'Values'
            },

            plotLines: [{
                value: 80,
                color: 'red',
                width: 2

            }]

        }
    });

    // here you add the correct data to each line
    $( ".graph" ).each(function( index, element ) { 
        chart = $(element).highcharts();

        // now read the id, and load the appropriate data
        MyDataID = $(element).data( "id" );
        var hv = $('#hiddenvariable' + MyDataID).val();
        var data = [JSON.parse(hv).map(item => parseInt(item))];

    //chart = $('#container').highcharts();
    chart.addSeries({ data: data });


});

GridView高图javascript函数在每个gridview行上的唯一div ID问题

0 个答案: