相关疑难解决方法(0)

我想更改 Chart.js 图表中单个点的样式。我在这里尝试了解决方案

ChartJS - 每个数据点的颜色不同

但它们都不适合我。例如，要更改我的第一个数据集中第 4 个点的背景颜色，我会尝试以下 2 个解决方案（以及删除/添加 .config）：

myChart.config.data.datasets[0].points[4].pointBackgroundColor = 'red';
myChart.config.data.datasets[0].pointBackgroundColor[4] = "red";
myChart.update();

没有效果。相反，更改整个数据集的样式非常有效：

myChart.config.data.datasets[0].pointBackgroundColor = 'lightgreen';
myChart.update();

jsfiddle：https ://jsfiddle.net/e8n4xd4z/15766/ ；为什么是这样？

是否可以使用dx chartjs更改特定的点颜色？我知道如何改变整个系列的点颜色,但我找不到任何改变特定点的东西.

在此处输入图像描述我想突出显示 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 …

我想更改 Chart.js 中折线图上特定点的大小。我在这个答案中看到了如何更改点的颜色，但我找不到更改其大小的解决方案。有任何想法吗？

// dataArray and labelsArray are hard-coded arrays of int values.
var lineChartData = {
    datasets: [{
        data: dataArray,
        pointStrokeColor: "#fff",
        fillColor: "rgba(220,220,220,0.5)",
        pointColor: "rgba(220,220,220,1)",
        strokeColor: "rgba(220,220,220,1)"
    }],
    labels: labelsArray
};

// Changing color of point #5
myLineChart.datasets[0].points[4].fillColor =  "#FF0000";

// Changing point's size
// TODO:

我正在尝试更改几个数据点之间的填充颜色，例如点 1,2 之间是黑色，点 3-5 之间是红色。

一个例子是 amCharts：http ://www.amcharts.com/demos/line-with-changed-color/

我曾尝试更改点的 fillColor 属性，但似乎所做的只是更改点的填充颜色。

var chart = new Chart(ctx).LineWithLine(data, options);

chart.datasets[0].points[0].fillColor = "purple";
chart.datasets[0].points[1].fillColor = "purple";
chart.datasets[0].points[2].fillColor = "purple";
chart.update();

但是，如果我更改选项中的填充颜色，我会看到图表的填充颜色按预期更改。我是使用了错误的属性还是库中存在错误？

JS小提琴：https : //jsfiddle.net/hdnu4bpa/

p/s：这个问题只是改变了点的颜色，这不是我想要的。