主页 / coding / 问题

问题[charts](coding)

Martin Hope
Afrose ahamed
Asked: 2024-10-29 11:50:03 +0800 CST
  • 6

我正在使用 LightningWebCharts，这里是文档链接https://salesforcelabs.github.io/LightningWebChartJS/

我想在工具提示值中添加“k”。工具提示文档https://salesforcelabs.github.io/LightningWebChartJS/docs/api/attributes/tooltip.html

<c-chart type="bar" responsive="true">
     <c-dataset labels='["Item 1","Item 2","Item 3","Item 4", "Item 5","Item 6","Item 7"]'>
      <c-data label="Neutral" detail='[10,20,30,40]' backgroundcolor='rgba(50, 150, 237, 1)' stack="1" ></c-data>
      <c-data label="Warning" detail='[10,20,30","40"]' backgroundcolor='rgba(119, 185, 242, 1)' stack="1"></c-data>
      <c-data label="Error" detail='["10","20","30","40"]' backgroundcolor='rgba(157, 83, 242, 1)' stack="1"></c-data>
     </c-dataset>
     <c-cartesian-axis axis="x" stacked="true" >
     </c-cartesian-axis>
     <c-cartesian-axis axis="y" stacked="true"></c-cartesian-axis>
    <c-tooltip enabled="true" filter={myCustomTooltipFunction}></c-tooltip>
    </c-chart>


 myCustomTooltipFunction(tooltipItems){
        console.log('called',JSON.stringify(tooltipItems))
        console.log(tooltipItems.value+'k')
        return (tooltipItems.value+'k')
        
    }

是否可以在工具提示值中添加“k”？当我在控制台上显示“k”的值时，但它没有显示在工具提示中。我需要返回回调对象吗？但我不确定该怎么做。

在此处输入图片描述

charts
Martin Hope
Pat
Asked: 2024-08-28 00:43:59 +0800 CST
  • 6

我有一张使用 Deneb 创建的简单条形图。使用粗 strokeWidth 时，条形的排序顺序似乎会影响描边的显示方式（在周围条形的顶部或后面）。有没有办法显示整个描边？以下是我的代码和结果。[这是我实际工作的精简版，因此请不要建议使用其他视觉类型；我需要使用像 Deneb 这样的功能来实现本示例中未包含的功能。]

{
  "data": {
    "values": [
      {"Yr": 2025, "BarName": "P101", "BarHt": 0.5, "stWidth": 5},
      {"Yr": 2025, "BarName": "P102", "BarHt": 0.6, "stWidth": 1},
      {"Yr": 2025, "BarName": "P103", "BarHt": 0.7, "stWidth": 5},
      {"Yr": 2026, "BarName": "P104", "BarHt": 0.8, "stWidth": 1},
      {"Yr": 2026, "BarName": "P105", "BarHt": 0.9, "stWidth": 5},
      {"Yr": 2026, "BarName": "P106", "BarHt": 0.8, "stWidth": 1}
    ]
  },
  "transform": [
    {
      "stack": "BarHt",
      "groupby": ["Yr"],
      "as": ["ymin", "ymax"]
    },
    {
      "calculate": "(datum.ymin + datum.ymax) / 2",
      "as": "ymid"
    }
  ],
  "encoding": {
    "x": {"field": "Yr"}
  },
  "layer": [
    {
      "mark": {
        "type": "bar",
        "stroke": "black",
        "strokeWidth": {"expr": "datum['stWidth']"}
      },
      "encoding": {
        "y": {"field": "ymin", "type": "quantitative"},
        "y2": {"field": "ymax"}
      }
    },
    {
      "mark": {"type": "text"},
      "encoding": {
        "text": {"field": "BarName"},
        "y": {"field": "ymid", "type": "quantitative"}
      }
    }
  ]
}

条形图

charts
Martin Hope
Connor MacLeod
Asked: 2024-01-23 03:00:15 +0800 CST
  • 6

我想设置 Y 轴（垂直）的最大值。不幸的是，当更大的值到来时，它会立即增加。我究竟做错了什么？

（在塔斯莫塔）

; 4h power chart - new value every 30s
$<div id="chart1" style="text-align:center;width:400px"></div>
$gc(lt s4h "wr" "Leistung [W]" cstr2)
$var options = {
$chartArea:{left:60,width:'83%%'},
$legend:'none',
**$vAxis:{format:'# W',minValue:0,maxValue:300},**
$explorer:{actions:['dragToZoom', 'rightClickToReset']},
$series: {0: {type: 'area'}},              
$title:'Verbrauch 4 Stunden [Watt]'
$};
$gc(e)

maxValue 300 我用谷歌搜索了一些东西。没有人知道答案。

charts