Javascript 获取画布时遇到问题，无法仅为工具提示中的坐标着色

工具提示文本：

10
数据系列1:71
数据系列2:77

我正在尝试获取工具提示，以便

Dataseries 1:

和

Dataseries 2:

保持其当前颜色，

10

、

71

和

77

为红色。我尝试了

toolTipContent:“x:{x}y:{y}
name:{name}，label:{label}”，

但它没有改变任何东西。我确信这对我来说是一个愚蠢的错误，但我对使用CanvasJS还不熟悉，一直无法让任何东西发挥作用。（）

var chart=new CanvasJS.chart（“chartContainer”{
背景色：“RGBA（37,41,45,0.9）”，
animationEnabled：没错，
标题：{
正文：“，
尺寸：11，
fontColor:“#ccc”，
方特家族：“arial”，
},
工具提示：{
fontStyle:“正常”，
转弯半径：4，
背景色：“RGBA（37,41,45,0.9）”，
ToolTicContent:“x:{x}y:{y}
名称：{name}，标签：{label}”，
分享：是的，
},
axisX：{
gridColor:“RGBA（64,65,66,0.8）”，
labelFontSize:10，
labelFontColor:“#ccc”，
线宽：1，
网格厚度：1，
gridDashType：“点”，
titleFontFamily：“arial”，
labelFontFamily：“arial”，
间隔：“自动”，
间隔类型：“小时”，
最低：0，
十字线：{
启用：对，
snapToDataPoint：对，
颜色：“9aba2f”，
labelFontColor:#ccc“，
labelFontSize:14，
labelBackgroundColor:#FF8841“，
}
},
axisY：{
标题：“记录的温度（°F）”，
标题字体颜色：“ccc”，
标题字体：10，
标题：错，
差额：10，
线宽：1，
网格厚度：1，
gridDashType：“点”，
包括：错，
gridColor:“RGBA（64,65,66,0.8）”，
labelFontSize:11，
labelFontColor:“#ccc”，
titleFontFamily：“arial”，
labelFontFamily：“arial”，
labelFormatter:函数（e）{
返回e.value.toFixed（0）+“F”；
},
十字线：{
启用：对，
snapToDataPoint：对，
颜色：“9aba2f”，
labelFontColor:#fff“，
labelFontSize:12，
labelBackgroundColor:#FF8841“，
valueFormatString:“0.#F”，
}
},
图例：{
方特家族：“arial”，
fontColor:#ccc“，
},
数据：[
{
键入：“列”，
数据点：[
{x:10，y:71}，
{x:20，y:55}，
{x:30，y:50}，
{x:40，y:65}，
{x:50，y:95}，
{x:60，y:68}，
{x:70，y:28}，
{x:80，y:34}，
{x:90，y:14}
]
},
{
类型：“样条曲线”，
数据点：[
{x:10，y:77}，
{x:20，y:53}，
{x:30，y:58}，
{x:40，y:61}，
{x:50，y:99}，
{x:60，y:60}，
{x:70，y:20}，
{x:80，y:31}，
{x:90，y:26}
]
}
]
});
chart.render（）



在图表级别，而不是
toolTipContent
您需要
content
。您的
toolTipContent
代码当前被忽略，因为这是仅在数据级别使用的属性。下面是如何直接设置样式，基本上按照您的要求进行设置：

toolTip: {
  fontStyle: "normal",
  cornerRadius: 14,
  backgroundColor: "RGBA(37, 41, 45, 0.9)",
  content: "<span style='\"'color: red;'\"'>{x}</span><br/> <span style='\"'color: {color};'\"'>{name}</span> <span style='\"'color: red;'\"'>{y}</span>",
  shared: true,
}

工具提示：{
fontStyle:“正常”，
转弯半径：14，
背景色：“RGBA（37,41,45,0.9）”，
内容：“{x}
{name}{y}”，
分享：是的，
}

由于您使用的是
shared:true
，因此
x
值将显示两次。如果你不想这样，请查看文档中的部分
 您的确实有效，但正如您所说，它添加了一个额外的
x
。我查看了文档中的contentFormatter，并修改了它们的contentFormatter代码，以便它显示我想要的信息，但当我将
代码替换为
代码时，它不再粗体，但不改变颜色：无需更改，我所要做的就是修改一些引号，这样就不需要转义引号：
contentFormatter:function（e）{var str=''+e.entries[0].dataPoint.x+'
；for（var I=0；I'；str=str.concat（temp）；}返回（str）；}，