Angular 空圆-ChartJS折线图中仅点行程
如何在图表JS折线图中实现这种点Angular 空圆-ChartJS折线图中仅点行程,angular,charts,chart.js,chartjs-2.6.0,Angular,Charts,Chart.js,Chartjs 2.6.0,如何在图表JS折线图中实现这种点 以下是一个获取您所追求的点样式的示例： 有关折线图的点选项的文档可以找到 下面代码的代码笔 HTML: 下面是一个获取您所追求的点样式的示例： 有关折线图的点选项的文档可以找到 下面代码的代码笔 HTML: <html> <body> <div class="myChartDiv"> <canvas id="myChart" width="600&
以下是一个获取您所追求的点样式的示例： 有关折线图的点选项的文档可以找到 下面代码的代码笔 HTML:
下面是一个获取您所追求的点样式的示例： 有关折线图的点选项的文档可以找到 下面代码的代码笔 HTML:
<html>
<body>
<div class="myChartDiv">
<canvas id="myChart" width="600" height="400"></canvas>
</div>
</body>
</html>
new Chart(document.getElementById("myChart"), {
type: "line",
data: {
labels: ["January", "February", "March", "April", "May", "June"],
datasets: [
{
label: "My First Dataset",
data: [20, 25, 22, 19, 31, 40],
fill: true,
borderColor: "rgb(75, 192, 192)",
backgroundColor: "rgba(0,0,0,0.1)",
borderWidth: 2,
lineTension: 0,
/* point options */
pointBorderColor: "blue", // blue point border
pointBackgroundColor: "white", // wite point fill
pointBorderWidth: 1, // point border width
}
]
},
options: {
legend: {
labels: {
usePointStyle: true, // show legend as point instead of box
fontSize: 10 // legend point size is based on fontsize
}
}
}
});