网站规划的基本原则kol推广

第一部分提示词prompt:

商品    价格
p1    13
p2    41
p3    42
p4    53
p5    19
p6    28
p7    92
p8    62

城市     销量
北京    69
上海    13
南京    18
武汉    66
成都    70

你现在是一名非常专业的数据分析师，请结合上述数据完成下列几件事情
1：第一部分数据做柱形图表，第二部分数据做饼图
2：使用HTML，JS与Echarts技术实现图表的操作
3：将两个图表放在一个可视化页面中呈现
4：在图表中显示数据标签，字体18号字体，加粗，白色
5：请写出完整的代码
6：在图表中X轴与Y轴的字体18号字体，加粗，白色
7：HTML页面背景设置为黑色