caronchen / obsidian-chartsview-plugin

Data visualization solution in Obsidian, support plots and graphs.
MIT License
221 stars 11 forks source link

希望加入对特定文件夹调色功能(type: Bar模式下) #38

Closed gradyhandle closed 2 years ago

gradyhandle commented 2 years ago

开发者好! 我在看图表时,想要跟踪某个或某些文件夹的变化,希望加入调色功能,这样反馈会更加醒目。我尝试自己改css,但找不到对应的选择器,只能求助。 ps:有老师建议文件夹或标签增加链接功能,也希望可以考虑一下。谢谢!

caronchen commented 2 years ago

你好,能否更详细点,或者举个例子?

gradyhandle commented 2 years ago

比如这种图里的黄色选中部分 image 希望可以单独修改它的颜色。

caronchen commented 2 years ago
image

默认就是不同颜色的。

gradyhandle commented 2 years ago
image

默认就是不同颜色的。

那能单独设定一个文件夹的颜色吗?

caronchen commented 2 years ago
image

可以的,你可以自己写判断逻辑。

caronchen commented 2 years ago
#-----------------#
#- chart options -#
#-----------------#
options:
  xField: "pv"
  yField: "action"
  seriesField: "action"
  color: |
    function (param) {
      if (param.action == 'Seal the deal2') return 'red';
      return 'blue'; 
    }
  legend:
    position: "top-left"
  conversionTag: {}
gradyhandle commented 2 years ago
#-----------------#
#- chart options -#
#-----------------#
options:
  xField: "pv"
  yField: "action"
  seriesField: "action"
  color: |
    function (param) {
      if (param.action == 'Seal the deal2') return 'red';
      return 'blue'; 
    }
  legend:
    position: "top-left"
  conversionTag: {}

好的,谢谢!我先试试。

gradyhandle commented 2 years ago

在数据是常数时可以实现了。不过我的数据是变量:

-----------------

- chart data -

-----------------

data: | dataviewjs: return dv.pages() .groupBy(p => p.file.folder) .sort(p => p.rows.length) .map(p => ({folder: p.key || "ROOT", count: p.rows.length}) ) .array() .reverse();

caronchen commented 2 years ago
image image

如果你确定要把某个文件夹改一下颜色,也可以用color的。

caronchen commented 2 years ago
image image

也可以按count来定制颜色。

gradyhandle commented 2 years ago
image image

也可以按count来定制颜色。

嗯,我之前就是对Java语法不熟悉,尝试过但失败了。谢谢你的耐心指导!👍

caronchen commented 2 years ago

是javascript的语法哈。有问题再反馈,感谢支持。

gradyhandle commented 2 years ago

是javascript的语法哈。有问题再反馈,感谢支持。

😓我一直以为他俩是一回事,哈哈