Дисплей Единая точка на Google материал линии диаграммы

Question

Если у меня есть один ряд данных, как это:

google.charts.load('current', {'packages':['line']}); 
    google.charts.setOnLoadCallback(drawChart); 

function drawChart() { 

    var data = new google.visualization.DataTable(); 
    data.addColumn('date', 'Date'); 
    data.addColumn('number', 'User'); 

    data.addRows([ 
    [new Date(), 41], 
    ]); 

    var options = { 
    chart: { 
     title: 'Active Users', 
    }, 
    width: 900, 
    height: 500 
    }; 

    var chart = new google.charts.Line(document.getElementById('linechart_material')); 

    chart.draw(data, options); 
} 

Как отображать точку в такого рода ситуации? Прямо сейчас, дело здесь, но оно не подсвечено. Эта проблема только в материальной карте, а не в классическом.

Answer 1

вариант для pointSize должен быть установлен для одной строки данных

однако, является одним из нескольких вариантов, которые не работают на Материал диаграммы
увидеть эту проблему ->Tracking Issue for Material Chart Feature Parity #2143

вместо этого, рекомендуется использовать ядро ​​ диаграммы с следующей опцией ...

theme: 'material'

см следующий рабочий фрагмент кода ...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages:['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date', 'Date'); 
 
    data.addColumn('number', 'User'); 
 

 
    data.addRows([ 
 
    [new Date(), 41], 
 
    ]); 
 

 
    var options = { 
 
    height: 500, 
 
    theme: 'material', 
 
    title: 'Active Users', 
 
    width: 900 
 
    }; 
 

 
    if (data.getNumberOfRows() === 1) { 
 
    options.pointSize = 5; 
 
    } 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>