小编Bal*_*nan的帖子

突出显示图表 JS 中的特定点

在此处输入图像描述我想突出显示 chartjs 中的特定点,并且我想在图表 js 中的数据点处截取 x 和 y 轴。

点 (753.17,126.52) 应使用标记高亮显示,而该点的其余部分不应在折线图中高亮显示。

下面是我想创建如下图表的图像。

<apex:page >
  <apex:includeScript value="{!$Resource.Chartjs}"/>
  <script language="JavaScript">
   window.onload = function displayLineChart() {
    var data = {
        labels: [669.426, 669.427,735.618,753.170,801.809],
        datasets: [
            {

                fillColor: "rgb(255,255,255)",
                strokeColor: "rgb(0,0,128,1.0)",
                pointColor: "rgba(176,196,222)",
                borderColor: "lightgreen",



                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [0.00, 50, 100, 126.52, 200]
            },

        ]
    };
    var ctx = document.getElementById("lineChart").getContext("2d");
    var options = { 

            scale: {
   ticks: {
      display: false
   }
}
            };
    var lineChart = new Chart(ctx).Line(data, {

    //Boolean …
Run Code Online (Sandbox Code Playgroud)

chart.js

5
推荐指数
1
解决办法
5074
查看次数

标签 统计

chart.js ×1